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, instruct the builder:
“Create a new page called Contact”

Pages auto-name based on their content. Rename by instructing the builder

• “Rename bio to biography in the URL structure”

​

Using Multiple Pages

Consider splitting your app into multiple pages when:

• Different sections serve distinct purposes (e.g. home, about, contact)
• 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 the top right

Read more about publishing in our publishing guide.

​

Adding Links

Instruct the builder on where to link and it will do the rest:

• “Link the bio page to the biography link at the homepage”
• Change links at anytime with new instructions

​

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

Simply ask the builder!

• “Delete my biography page”