nextjs-app-router-patterns
Installation
Summary
Comprehensive patterns for Next.js 14+ App Router, Server Components, and modern full-stack React development.
- Covers rendering modes (Server Components, Client Components, static, dynamic, streaming), file conventions, and core architectural patterns with practical TypeScript examples
- Includes eight key patterns: Server Components with data fetching, Client Components, Server Actions, parallel routes, intercepting routes for modals, streaming with Suspense, Route Handlers, and metadata/SEO
- Details caching strategies including ISR, tag-based invalidation, and on-demand revalidation via Server Actions
- Provides best practices and anti-patterns for Server Component adoption, data fetching placement, and progressive enhancement
SKILL.md
Next.js App Router Patterns
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
When to Use This Skill
- Building new Next.js applications with App Router
- Migrating from Pages Router to App Router
- Implementing Server Components and streaming
- Setting up parallel and intercepting routes
- Optimizing data fetching and caching
- Building full-stack features with Server Actions