📖
Next.js

Server Component (RSC)

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

📚 O que é

Roda em Node.js no servidor. Tem acesso direto a banco de dados, filesystem, variáveis de ambiente. Zero JavaScript vai para o bundle do cliente. Default no App Router.

✅ Quando usar

Busca de dados (DB, API). Componentes que não têm interatividade. Componentes pesados com libs grandes que não devem ir ao bundle. Acessar env secrets.

🚫 Quando NÃO usar

Quando precisa de useState, useEffect, event handlers, browser APIs, window, document, localStorage.

👍 Prós
Zero JS no bundle
Acesso direto ao DB
Dados seguros (não expostos ao client)
Reduz bundle size
SEO natural
👎 Contras
Sem interatividade
Sem hooks de estado
Sem browser APIs
Debugging diferente
🔗 Termos relacionados
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.

App Router
Next.js

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