What problem does it solve?
This Skill provides production-ready patterns for Next.js 16 App Router, including migration guidance, Server Components/Actions, Proxy.ts, and modern caching. It helps teams adopt Next.js 16 features, avoid breaking changes, and accelerate development with ready-to-copy templates.
Core Features & Use Cases
- Async route parameters patterns (params, searchParams, cookies(), headers()) are now supported with guidance for async usage.
- Proxy.ts migration: m explains how to replace middleware.ts with proxy.ts for explicit Node.js boundary.
- Cache Components with "use cache" directive: opt-in caching for components, functions, and routes.
- Server Components & Server Actions: data fetching, mutations, validation, and error handling patterns.
- Route Handlers: API endpoints, webhooks, and streaming endpoints patterns.
- Parallel Routes: guidance for required default.js in parallel routes.
- React 19.2 integration: View Transitions and new React 19.2 features.
- Metadata API & SEO: generateMetadata, sitemaps, Open Graph.
- Image & Font optimization: next/image and next/font patterns.
- Turbopack stability: Turbopack is the default bundler with performance benefits.
- TypeScript configuration and best-practice setup.
Quick Start
Inspect the included templates under nextjs/templates (for example, app-router-async-params.tsx and proxy-migration.ts) and copy-paste the patterns into your Next.js project to prototype App Router patterns quickly.