📖
Next.js

App Router

Sistema de rotas do Next.js 13+ baseado em /app/. Suporta RSC, Server Actions, Layouts, Streaming.

📚 O que é

Usa convenções de arquivo: page.tsx (rota), layout.tsx (layout persistente), loading.tsx (Suspense automático), error.tsx (Error Boundary automático), route.ts (API). Todos os componentes são Server Components por padrão.

✅ Quando usar

Qualquer novo projeto Next.js 13+. Quando precisa de RSC, streaming, Server Actions, ou layouts aninhados complexos.

🚫 Quando NÃO usar

Projetos legados no Pages Router que migraram parcialmente. Quando toda a equipe ainda está aprendendo as diferenças.

👍 Prós
RSC por padrão
Layouts aninhados
Streaming automático
Server Actions
Melhor performance por default
👎 Contras
Curva de aprendizado
Diferente do Pages Router
Caching pode confundir
Menos material de apoio que Pages Router
🔗 Termos relacionados
Server Component (RSC)
Next.js

Componente que renderiza exclusivamente no servidor. Sem JS no bundle do cliente.

Server Action
Next.js

Função 'use server' que executa no servidor mas pode ser chamada pelo cliente. Sem API route.

SSG
Next.js

Static Site Generation. HTML gerado em build-time. Servido como arquivo estático do CDN.

SSR
Next.js

Server-Side Rendering. HTML gerado a cada request. Dados sempre frescos.

ISR
Next.js

Incremental Static Regeneration. SSG com revalidação automática em background.

Middleware
Next.js

Função Edge que intercepta requests antes de chegar na rota. Para auth, redirects, headers.

Edge Runtime
Next.js

V8 isolates em CDN edge global. Baixa latência, APIs Web restritas, sem Node.js.