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(oralt-Non 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
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:
-
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.
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.
Link Pages
-
Select Mode:
-
Tap element
-
Choose “Link” in chat
-
Pick target page/URL
-
-
Prompts:
-
Set routes when publishing
-
Tell Create what should happen with the routes (e.g. “When clicking the About button, go to the /about page”)
-
Code updates automatically
-
Requiring Authentication
You can restrict page access to signed-in users:
-
Enable User Accounts
-
Page > 3-dot menu > Settings > “Require account to view”
-
Publish changes
Users will:
-
See content when signed in
-
Get redirected to login when not
Learn more about User Accounts.
Was this page helpful?