Next.js 16 App Router & React 19.2

소개

This skill provides production-ready guidance for building modern Next.js 16 applications, focusing on the App Router architecture. It empowers Claude to implement complex patterns like React Server Components (RSC), Server Actions for form handling, and the new 'use cache' directive. It specifically addresses critical Next.js 16 breaking changes, such as the transition to asynchronous route parameters and the migration from middleware.ts to proxy.ts, ensuring your codebase remains current, performant, and error-free.

주요 기능

• Manages Next.js 16 caching strategies using the 'use cache' directive and granular revalidation tags.
• 21 GitHub stars
• Configures Server Actions with optimistic updates, form validation, and robust error handling.
• Implements Next.js 16 App Router patterns including layouts, loading states, and streaming SSR.
• Automates migration of async params and the proxy.ts middleware replacement logic.
• Optimizes SEO and web vitals through the Metadata API and advanced Image/Font optimization.

사용 사례

• Building a data-intensive dashboard using Server Components and Partial Prerendering (PPR).
• Developing secure API Route Handlers and webhooks with streaming response capabilities.
• Migrating an existing Next.js 15 application to Next.js 16 and React 19.2.