Pages are the screens of your site or app. You start with a blank page when you open a new project.

You can build powerful apps using a single page. As your project grows, you may want to split different parts into separate pages.

Create a Page

You start with a blank page. To create a new one:

  • Logo Menu

    in the top left corner > New Page OR press

    option-N

    (or

    alt-N

    on Windows)

Pages auto-name based on their content. Rename by:

Using Multiple Pages

Consider splitting your app into multiple pages when:

  • Different sections serve distinct purposes (e.g. home, about, contact)

  • Your page code gets long (>1500 lines) - shorter pages help Create generate more accurate code

  • You want separate views for different user types (e.g. customer-facing vs admin pages)

  • You need to

    restrict access to certain users

A single page can include many components and complex logic. Many apps work well with just one page.

Style Your Pages

Make pages look good using:

Add Elements

Use / command menu to add:

Learn more about all available elements in our overview.

After you add an element to a page, if you later update it, you will see a “Elements are out of date” warning in the page. Hit ‘Update’ to update the page with the latest element version.

Publishing

To publish:

  • Tap

    Publish

    in top right

  • Choose pages to make live

  • Set routes (e.g.

    /about

    )

  • Only published pages are accessible

Routes are URL paths to your pages (e.g. yourdomain.com/about). Keep pages private by not publishing them.

Read more about publishing in our publishing guide.

  1. By hand:

    • Make sure you’re in

      Select Mode

    • Tap the element you want to be a link (e.g. a button or card)

    • You’ll see a blue outline on the element you’ve selected

    • Scroll to the bottom of the chat window

    • Choose “Link” in chat

    • Pick a target page/URL

    • Save your changes

  2. By prompt:

    • Publish

      your app and

      choose routes

      for each page (e.g.

      /about

      )

    • Tell Create what element should lead to the route (e.g. “When clicking the About button, go to the /about page”)

    • Create will update the code

    • Publish your app to try it out live

Requiring Authentication

You can restrict page access to signed-in users:

  1. Enable

    User Accounts

  2. Page > 3-dot menu > Settings > “Require account to view”

  3. Publish changes

Users will:

  • See content when signed in

  • Get redirected to login when not

Learn more about User Accounts.

Deleting a Page

This is not a recoverable action, proceed with caution

  • Select desired page from top level navigation

  • Use three dot menu to reveal deletion action

  • Click Delete Page