Home Page

This covers implementation and customization of the homepage.

Page Component

/pages/index.js

Data Model

The data model for the homepage is entirely up to you. In most apps, the homepage is filled with content from a CMS. In the starter app, we include some simple example content in a slots object:

{
  "pageData": {
    "title": "Home",              // The title for the document
    "slots": {                    // The rest of the data model is up to you.  It's common to include an number
      // entirely up to you       // of slots containing HTML from your CMS here, but not required.
    }
  }
}

UI

It's common for the homepage to mostly be comprised of HTML provided by a CMS. You can display that HTML verbatim using the CmsSlot component:

<CmsSlot>{store.pageData.slots.description}</CmsSlot>