nextjs-app-router-patterns

Next.js App Router projects use file conventions like layout.tsx for shared UI and page.tsx for routes. This Skill guides developers through organizing these structures, defining rendering modes, and specifying functional requirements for scalable applications.

Server Components and Client Components in Next.js 14+ split rendering logic between server and browser. This Skill provides architectural patterns to distinguish their boundaries, manage data fetching, and implement streaming for optimized performance.

The best way to implement parallel routes and intercepting routes is by using Next.js App Router's specialized folder conventions. This Skill consolidates proven architectures to help developers build complex routing patterns and Route Handlers effectively.

Data fetching and caching strategies in Next.js App Router rely on Server Components and specific rendering modes like SSR and SSG. This Skill outlines best practices for migrating apps, optimizing data fetching, and configuring cache behaviors.

Yes, streaming optimizes rendering performance in Next.js App Router by sending UI chunks progressively. This Skill details patterns for implementing streaming alongside Server Components to accelerate modern app interfaces.