💾
Next.js

Caching no Next.js

4 camadas de cache: Request Memoization, Data Cache, Full Route Cache, Router Cache.

Definição

Next.js App Router tem 4 camadas de cache: 1) Request Memoization (deduplica fetches no mesmo render). 2) Data Cache (cache persistente de fetch). 3) Full Route Cache (HTML+RSC payload de rotas estáticas). 4) Router Cache (client-side cache do router).

🔴 Problema

Buscar os mesmos dados múltiplas vezes em uma renderização. Re-renderizar páginas estáticas a cada request. Carregar rotas já visitadas do servidor novamente.

Solução

Next.js implementa caching agressivo por padrão em todas as camadas. Você opta por sair via cache:'no-store', dynamic, ou configurações específicas.

💡 Dica Senior

O caching agressivo do Next.js 14 confunde devs no início. Quando dados não atualizam, geralmente é cache. Use revalidatePath/Tag ou cache:'no-store' explicitamente.

Perguntas de Entrevista

36/48