🎬
Next.js

Partial Prerendering (PPR)

Combina estático e dinâmico na mesma página: shell estático servido instantaneamente, partes dinâmicas via streaming.

Definição

Partial Prerendering (PPR) é uma feature experimental do Next.js que combina o melhor de SSG e SSR em uma única página. O 'shell' (header, footer, layout) é prerenderizado estaticamente. Componentes dentro de Suspense são streamed dinamicamente.

🔴 Problema

Páginas mistas (header estático + dados de usuário dinâmicos) precisam escolher: tudo SSG (perde dinamismo) ou tudo SSR (perde performance estática).

Solução

PPR pré-renderiza a casca estática e marca regiões com Suspense para streaming dinâmico. Usuário vê a página instantaneamente (cache estático) e dados dinâmicos chegam via streaming.

💡 Dica Senior

PPR ainda é experimental. Habilite via experimental.ppr no next.config. Não tem suporte oficial ainda em todos os hosts além da Vercel.

Perguntas de Entrevista

🔗 Termos do dicionário
38/48