Adding New Pages
Go beyond one page. Ask the AI to create static pages, dynamic routes from your database, listing pages with pagination, and shared header and footer layouts.
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