nextjs-app-router-patterns

Next.js App Router migration involves replacing pages directory structures with app folder conventions. This Skill provides architectural patterns and an implementation playbook to incrementally transition existing projects while adopting Server Components and new data fetching methods.

Streaming in Next.js Server Components uses Suspense boundaries to progressively send HTML to the client. This Skill provides architectural patterns to optimize loading states and user experience using parallel and intercepting routes.

Server Actions in Next.js 14+ allow you to mutate data directly from client components without creating API routes. This Skill documents best practices for integrating Server Actions and configuring robust caching strategies within your App Router architecture.

Use parallel routes in Next.js when you need to render multiple route segments simultaneously, such as dashboards or modals. This Skill demonstrates how to apply parallel and intercepting routes to build advanced, maintainable user interfaces.

Yes, this Skill includes example code structures for Next.js Server Components. It satisfies requirements for pattern documentation and best practices as outlined in its implementation playbook, helping you validate scalable architectures.