new-page

star 0

Create a new page with route, metadata, and proper structure

Z5US By Z5US schedule Updated 3/8/2026

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:

  1. 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/
  2. 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
  3. Follow the existing page patterns:

    • Look at app/(marketing)/about/page.tsx for marketing page structure
    • Look at app/(legal)/impressum/page.tsx for legal page structure
    • Use font-display for headings, proper spacing classes
  4. After creating:

    • Add navigation link to components/layout/Navigation.tsx if needed
    • Add footer link if appropriate
    • Run typecheck to verify
Install via CLI
npx skills add https://github.com/Z5US/nextjs-studio-starter --skill new-page
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator