nextjs-app-router-patterns

Migrating from Pages Router to App Router requires restructuring file layouts and data fetching strategies. This Skill provides templates and guidance to transition your architecture, enforcing conventions for the new App Router file structure.

Streaming with Next.js server components optimizes data loading by sending UI chunks progressively. This Skill provides ready-to-adapt patterns to implement streaming and route-level data fetching for predictable UI composition.

Structuring parallel routes in Next.js 14+ uses specific file layout conventions to render multiple pages simultaneously. This Skill enforces pattern-based routing templates to standardize parallel route composition and server actions.

You can use these App Router patterns for new Next.js projects to structure routes, enable streaming, and implement server actions. The Skill applies reusable conventions for layouts and data fetching to accelerate project delivery.

Server actions in Next.js App Router handle mutations and data submissions directly on the server. This Skill includes pattern-based templates to implement server actions with predictable behavior alongside your streaming components.