domains / families / software-engineering / nextjs-app-router-patterns

nextjs-app-router-patterns

combined

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components. Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

When to use

• Building new Next.js applications with App Router
• Migrating from Pages Router to App Router
• Implementing Server Components and streaming
• Setting up parallel and intercepting routes
• Optimizing data fetching and caching
• Building full-stack features with Server Actions

When not to use

• The task is unrelated to next.js app router patterns
• You need a different domain or tool outside this scope
• Use this skill only when the task clearly matches the scope described above.
• Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
• Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Skill page

Conflict

The first two copies are thin wrappers that point to a missing or external implementation playbook, while the third copy contains the actual patterns, file conventions, and code examples. Because the substantive content exists only in the third copy and the others add only generic guardrails, crowning one would hide the real alternative of using the detailed patterns versus the generic wrapper.