Livestream: Your Design System Is the Foundation for AI Development

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Livestream: Your Design System Is the Foundation for AI Development

Announcing Visual Copilot - Figma to production in half the time

Landing pages
Blog Article
Hero Section
Navigation Links
Announcement Bar
Product Details
Product Editorial
Homepage
Request a blueprintGo to developer docs

Integrate Landing Pages

Landing pages are the most common application of integrating page models.

Model definition

You can use the standard Page model. The Page model that Builder comes by default is named page. For this example, you'll want to make sure you have a couple of fields:

nametypenotes

title

string

To populate the page <title>

image

file

Optional, to populate og:image

You can also optionally add additional fields for other metadata.

Example Code

For landing pages in all frameworks:

  1. Make a catchall route.
  2. Check for a page at the current route. If one doesn't exist — and you're not actively previewing or editing — display a 404.

For more detailed instructions, visit Integrating Pages.

Enter some text...

Get the latest from Builder.io