Adding a new page to your app

Most asks come down to "add a page that shows X and lets users do Y." Here's how.

Adding a new page is one of the most common requests. The AI is good at it. Here's how to phrase the ask and what to expect.

The basic pattern

In chat, describe:

  1. What the page is called (URL slug or just a name)
  2. What it shows (the data or content)
  3. What users can do on it (actions, forms, buttons)

Example:

Add a Reviews page. Show a list of all reviews with the reviewer's name, rating, and date. Let signed-in users add a new review with a star rating and a comment.

The AI builds the page, adds it to the navigation, sets up the data structure, and adds the form. Usually 30-60 seconds.

Where the new page lives

After it's built, you'll see it in:

  • The preview — the AI usually navigates to the new page so you can see it immediately
  • The page selector at the top of the preview — switch between pages here
  • Your app's navigation — most apps get a nav update so users can find the page

Common variations

A public page anyone can see (like a landing page):

Add a public Pricing page with three columns: Free, Pro, and Team. Each shows the plan name, price, and a list of features.

A private page only signed-in users can access:

Add a Settings page (signed-in users only) where they can change their name, email, and notification preferences.

A list + detail pair (common for inventory, recipes, customers, etc.):

Add a Products page that lists all products. Clicking a product opens a detail page with its photo, price, and full description.

Customizing after creation

Once the page exists, talk to the AI like it's any other page:

On the Reviews page, sort reviews by date instead of by rating.

Hide the email field from the Reviews page.

Make the Reviews page only visible to admins.

Removing a page

Delete the Reviews page.

The AI removes the page, the route, and any nav entries. The underlying data stays unless you explicitly say also delete the reviews data.

Was this helpful?

Thanks for the signal — it helps us improve the docs.

More in Building apps

Version history and rollbacks

Every change is a saved version. Roll back, restore, or compare any version with a click.

Changing colors, fonts, and theme

Two ways to restyle your app: pick a theme from the picker, or describe what you want in chat.

Using suggestion chips

The chips below the chat input are smart shortcuts to common next steps. Use them.

Still need help?

If this didn't answer your question, our team is one click away.