Next.js App Router Patterns

When to Use This Skill

Activate this skill when working on:

• Creating new pages, routes, or layouts
• Implementing server or client components
• Building server actions for data mutations
• Setting up route handlers (API endpoints)
• Configuring metadata and SEO
• Implementing dynamic routes
• Organizing app directory structure
• Data fetching and caching strategies

Core Patterns

Server vs Client Components Decision Tree