Adding New Pages
Expand your AI-generated website by adding new pages and routes. Learn multi-page website structure.
Expand your website beyond a single page by adding additional pages and navigation.
Creating Pages
Via AI Chat
The simplest approach:
"Create an About page with our team section, company history, and mission statement"
"Add a Contact page with a contact form and office locations"
The AI creates the page and adds navigation links.
Page Types
| Type | URL Pattern | Example |
|---|---|---|
| Static | /about | About, Contact |
| Dynamic | /blog/[slug] | Individual blog posts |
| Listing | /blog | Blog index |
Navigation
Automatic Navigation
When you create pages, ask for navigation:
"Add navigation links to all pages in the header"
"Create a footer with links to all main pages"
Dropdown Menus
For more complex navigation:
"Add a dropdown menu under 'Services' with links to:
- Web Design
- Development
- SEO"
Page Structure
Consistent Layout
Share layouts across pages:
"Use the same header and footer on all pages"
"Create a layout with sidebar for the docs pages"
Page-Specific Elements
Each page can have unique elements:
"On the Contact page only, add a map widget"
"Show the newsletter signup only on blog pages"
Dynamic Pages
From Database Content
Create pages from your CMS:
"Generate a page for each blog post in the database at /blog/[slug]"
The AI creates:
- A dynamic route
- A template that pulls content
- Navigation links
Listing Pages
Show all items:
"Create a /projects page that lists all projects from the database"
With pagination:
"Show 12 projects per page with pagination"
Next Steps
- Forms & Submissions — Add contact forms
- SEO Best Practices — Optimize each page