Next.js Project Manager Skill

Overview

This skill helps you build production-ready Next.js 14+ applications using the App Router. Use this when working on routing, components, server actions, data fetching, or any Next.js-specific patterns.

Core Principles

1. App Router First

• All routes in src/app/ directory
• Use page.tsx for routes, layout.tsx for shared layouts
• Server Components by default, Client Components when needed
• Route groups with (group) for organization

2. Server vs Client Components

Server Components (Default):

• No "use client" directive needed
• Can use async/await directly