How to Build: Localization webinar on March 23rd @ 10am PST. Register Now
☰
Use Cases
Pricing
Blog
×
Visual CMS
Drag-and-drop visual editor and headless CMS for any tech stack
Theme Studio for Shopify
Build and optimize your Shopify-hosted storefront, no coding required
Resources
Blog
Get StartedLogin☰
Landing pages
Homepage
Hero Section
Navigation Links
Announcement Bar
Blog Article
Product Editorial
Product Details
Request a blueprint
Go to developer docsLanding pages are the most common application of integrating page models.
A standard page model named page is all we need, with a couple fields:
| name | type | notes |
|---|---|---|
title | string | To populate the page |
image | file | Optional, to populate |
You can also optionally add additional fields for other metadata.
For landing pages in all frameworks:
- Make a catchall route.
- Check for a page at the current route. If one doesn't exist —and you're not actively previewing or editing—display a 404.
The below example demonstrates this technique in Next.js: