🏎️
Next.js
SSG vs SSR vs ISR vs CSR
Estratégias de renderização: build-time, request-time, regenerated, e client-side.
Definição
SSG (Static Site Generation): HTML gerado em build-time, servido como arquivo estático. SSR (Server-Side Rendering): HTML gerado a cada request. ISR (Incremental Static Regeneration): SSG com revalidação automática. CSR (Client-Side Rendering): HTML vazio, JS popula no browser.
🔴 Problema
Trade-offs entre performance, freshness dos dados, custo de servidor e SEO.
✅ Solução
Escolher por página: SSG para conteúdo estático (blogs), SSR para dados sempre frescos (dashboards), ISR para conteúdo semi-estático (e-commerce), CSR para apps internos (admin).
💡 Dica Senior
No App Router: padrão é SSG. Adicione fetch com cache:'no-store' ou cookies()/headers() para tornar SSR. revalidate:N para ISR.
Perguntas de Entrevista
🔗 Termos do dicionário
34/48