Pular para o conteúdo
Frontend

O que e ISR (Incremental Static Regeneration)?

SSG com revalidacao: paginas estaticas que se atualizam periodicamente sem rebuild completo.

O que e ISR (Incremental Static Regeneration)

O que e ISR (Incremental Static Regeneration)?. SSG com revalidacao: paginas estaticas que se atualizam periodicamente sem rebuild completo.

Contexto e Importancia

ISR combina performance de SSG com dados atualizados. Pagina e servida do cache (rapido) e revalidada em background quando stale. Melhor dos dois mundos.

Como Funciona

Primeira visita: gera e cacheia pagina. Proximas visitas: serve do cache. Apos revalidate time: proximo request serve stale e regenera em background.

Casos de Uso

  1. 1. E-commerce (precos atualizados)
  2. 2. Blogs com conteudo frequente
  3. 3. News sites
  4. 4. Dashboards publicos
  5. 5. Qualquer site que muda periodicamente

Beneficios

Vantagens principais

• Performance de SSG

• Dados atualizados

• Sem rebuild completo

• Escala com CDN

• Next.js nativo

Como Comecar

  1. Passo 1: Use Next.js App Router
  2. Passo 2: Configure revalidate em fetch
  3. Passo 3: Ou use generateStaticParams
  4. Passo 4: Monitore cache hits
  5. Passo 5: Ajuste revalidate time pro seu caso

Resumo

ISR (Incremental Static Regeneration) e uma tecnologia/conceito que todo dev deveria conhecer em 2026. Comece com o basico e aprofunde conforme necessidade do projeto.