Padrões abrangentes para arquitetura do App Router do Next.js 14+, Server Components e desenvolvimento React full-stack moderno.
Scanned 9/8/2026
Install to Claude Code
npx -y skills add artubss/SKILLS-CLAUDE-CODE --skill nextjs-app-router-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Nextjs App Router Patterns?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/artubss-nextjs-app-router-patterns)More formats (shields.io, HTML) on the badges page.
---
name: nextjs-app-router-patterns
description: "Padrões abrangentes para arquitetura do App Router do Next.js 14+, Server Components e desenvolvimento React full-stack moderno."
risk: safe
source: community
date_added: "2026-02-27"
---
# 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.Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.
Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation
Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per ...
PTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remediation.