# Nextjs App Router Patterns

> Padrões abrangentes para arquitetura do App Router do Next.js 14+, Server Components e desenvolvimento React full-stack moderno.

- Skill: `artubss/nextjs-app-router-patterns` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add artubss/nextjs-app-router-patterns`
- Raw SKILL.md: https://api.skillmd.com/api/skills/artubss/nextjs-app-router-patterns/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: artubss (https://skillmd.com/u/artubss)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/artubss/nextjs-app-router-patterns

---


# Padrões do Next.js App Router

Padrões abrangentes para arquitetura do App Router do Next.js 14+, Server Components e desenvolvimento React full-stack moderno.

## Use essa skill quando

- Construir novas aplicações Next.js com App Router
- Migrar do Pages Router para App Router
- Implementar Server Components e streaming
- Configurar rotas paralelas e de interceptação
- Otimizar busca de dados e caching
- Construir recursos full-stack com Server Actions

## Não use essa skill quando

- A tarefa não está relacionada aos padrões do App Router do Next.js
- Você precisa de um domínio ou ferramenta diferente fora deste escopo

## Instruções

- Esclareça objetivos, restrições e entradas necessárias.
- Aplique as melhores práticas relevantes e valide os resultados.
- Forneça etapas práticas e verificação.
- Se exemplos detalhados forem necessários, abra `resources/implementation-playbook.md`.

## Recursos

- `resources/implementation-playbook.md` para padrões e exemplos detalhados.
