Search⌘ K
AI Features
Home
Courses
Developing Robust Web Applications with Ember.js

Making Our Application's Home Page

Explore how to construct a robust home page in an Ember.js e-commerce app by using templates, components like navbar and categories, and dynamic content rendering through the {{outlet}}. Understand the role of application and index templates and how to structure UI elements like navigation and product displays for smooth routing and presentation.

We'll cover the following...

Homepage

In an e-commerce website, a home page normally consists of eye-catching banners, product categories, featured products, and product promotion ads. It also has a navbar to navigate through the store, a search bar to search products, and a footer. Our home page will have the following UI components:

  • Navbar: The navbar contains the links to the following routes:

    • The home page route
    • The admin page route
    • The cart page route

  • Image/carousel: ...