name: new-page description: Create a new page with route, metadata, and proper structure autoTrigger: When the user asks to create a new page or route
Create a New Page
When creating a new page:
Determine the route path and route group:
- Marketing pages go in
app/(marketing)/ - Legal pages go in
app/(legal)/ - Other pages go directly in
app/
- Marketing pages go in
Create the page file with:
- TypeScript Metadata export with title and description in German
- Import Header and Footer from
@/components/layout/ - Proper semantic HTML structure (main, article, section)
- Placeholder content with German text
Follow the existing page patterns:
- Look at
app/(marketing)/about/page.tsxfor marketing page structure - Look at
app/(legal)/impressum/page.tsxfor legal page structure - Use
font-displayfor headings, proper spacing classes
- Look at
After creating:
- Add navigation link to
components/layout/Navigation.tsxif needed - Add footer link if appropriate
- Run typecheck to verify
- Add navigation link to