Pages

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:

• Tapping the

  Project Selector

  dropdown

• Using the

  3 Dot Menu

  next to the page name

​

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

​

Style Your Pages

Make pages look good using:

• Screenshots

  pasted in chat - see our

  prompting guide

• URLs

  in chat - Create screenshots any URL and adds it to context

• Integrations

  for component packs like shadcn/ui

• Style Guides

  for consistency

• Components

  for reusable elements

​

Add Elements

Use / command menu to add:

• Components

  for UI elements

• Integrations

  for AI services

• Databases

  for data storage

• Functions

  for backend logic

Learn more about all available elements in our overview.

​

Publishing

To publish:

• Tap

  Publish

  in top right

• Choose pages to make live

• Set routes (e.g.

  /about

  )

• Only published pages are accessible

Read more about publishing in our publishing guide.

​

Adding Links

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