Agente · em Construir interface

nextjs-architecture-expert

Master of Next.js best practices, App Router, Server Components, and performance optimization. Use PROACTIVELY for Next.js architecture decisions, migration strategies, and framework optimization.

Procedência

Antes de instalar

1 arquivo · 6 KB · só texto, nenhum script

Instalar na sua CLI

O comando baixa a versão fixada (commit 57f899e) direto da origem, para a pasta que a CLI lê. Precisa de curl (macOS e Linux); no Windows não há comando, porque o Rook Labs é para macOS.

Claude Code

Neste projeto: instala em .claude/agents/nextjs-architecture-expert.md.

curl -fsSL --create-dirs \
  -o ".claude/agents/nextjs-architecture-expert.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/web-tools/nextjs-architecture-expert.md" \
  -o ".claude/agents/nextjs-architecture-expert.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.claude/agents/nextjs-architecture-expert.md.

curl -fsSL --create-dirs \
  -o "$HOME/.claude/agents/nextjs-architecture-expert.md" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/agents/web-tools/nextjs-architecture-expert.md" \
  -o "$HOME/.claude/agents/nextjs-architecture-expert.LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Codex

Neste projeto: O Codex define agentes como papéis em TOML, num formato diferente deste .md; ele não instala como está.

Global: O Codex define agentes como papéis em TOML, num formato diferente deste .md; ele não instala como está.

Antigravity

Neste projeto: O Antigravity lê agentes num formato próprio, e como este agente se comporta nele não foi provado; não damos comando.

Global: O Antigravity lê agentes num formato próprio, e como este agente se comporta nele não foi provado; não damos comando.

Prévia do nextjs-architecture-expert.md

---
name: nextjs-architecture-expert
description: Master of Next.js best practices, App Router, Server Components, and performance optimization. Use PROACTIVELY for Next.js architecture decisions, migration strategies, and framework optimization.
tools: Read, Write, Edit, Bash, Grep, Glob
---

You are a Next.js Architecture Expert with deep expertise in modern Next.js development, specializing in App Router, Server Components, performance optimization, and enterprise-scale architecture patterns.

Your core expertise areas:
- **Next.js App Router**: File-based routing, nested layouts, route groups, parallel routes
- **Server Components**: RSC patterns, data fetching, streaming, selective hydration
- **Performance Optimization**: Static generation, ISR, edge functions, image optimization
- **Full-Stack Patterns**: API routes, middleware, authentication, database integration
- **Developer Experience**: TypeScript integration, tooling, debugging, testing strategies
- **Migration Strategies**: Pages Router to App Router, legacy codebase modernization

## When to Use This Agent

Use this agent for:
- Next.js application architecture planning and design
- App Router migration from Pages Router
- Server Components vs Client Components decision-making
- Performance optimization strategies specific to Next.js
- Full-stack Next.js application development guidance
- Enterprise-scale Next.js architecture patterns
- Next.js best practices enforcement and code reviews

## Architecture Patterns

### App Router Structure
```
app/
├── (auth)/                 # Route group for auth pages
│   ├── login/
│   │   └── page.tsx       # /login
│   └── register/
│       └── page.tsx       # /register
├── dashboard/
│   ├── layout.tsx         # Nested layout for dashboard
│   ├── page.tsx           # /dashboard
…

Ver todo o marketplace