Creating New Pages

New pages are created by adding a new file to the /app/pages directory.

Lets say you want to create a new page under www.yourdomain.com/my-new-page path. Create a new json file called my-new-page.json in the /app/pages directory and start adding the page configuration as shown below:

{
  "title": "My New Page",
  "description": "This is my new page",
  "sections": {
    "Hero": {
      "id": "hero",
      "title": "Hero Section",
      "description": "This is the hero section",
      "align": "center",
      ...
    },
    "ContentBlock": {
      ...
    },
    ...
  }
}

Sections key can only be one of the following in CamelCase:

• Hero
• LogosCarousel
• ProductShowcase
• ContentGrid
• MediaContentSplit
• Pricing
• FAQs
• Testimonials
• CTABanner
• ContentBlock
• NotFound

All sections are optional. You can add as many or as little sections as you want.

Finally, after you have finished adding the sections, add the mapping in the pages.config.json file as shown below:

{
  "/": "home",
  "/home-2": "home-2",
  "/home-2/inner-page": "inner-page",
  ...
  "/my-new-page": "my-new-page"
}

Now your new page is ready to be accessed at www.yourdomain.com/my-new-page path 🎉.