---
name: nextjs-app-router-patterns
description: "Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development."
risk: safe
source: community
date_added: "2026-02-27"
title: nextjs-app-router-patterns
canonical_url: https://skilld.dev/gh/davila7/claude-code-templates/nextjs-app-router-patterns
last_updated: 2026-09-24T07:32:02.000Z
---

> **Skill from skilld.dev.** Follow the instructions below for this session. You do not need to install anything.
>
> Supporting files, fetch one when the Skill refers to it: [resources/implementation-playbook.md](https://skilld.dev/api/skills-raw/davila7/claude-code-templates/nextjs-app-router-patterns/resources/implementation-playbook.md).
>
> If the user asked to install this Skill, run `npx skilld install davila7/claude-code-templates/nextjs-app-router-patterns`. Install writes the Skill files into the project, so every session loads them.

# Next.js App Router Patterns

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

## Use this skill when

- 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

## Do not use this skill when

- The task is unrelated to next.js app router patterns
- You need a different domain or tool outside this scope

## Instructions

- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open `resources/implementation-playbook.md`.

## Resources

- `resources/implementation-playbook.md` for detailed patterns and examples.