Cache no Next.js
Cache é uma das coisas que tem mudado bastante recentemente no Next.js 15.
Antes de adentrarmos as mudanças na v15, vale a pena recapitular a heurística do Cache do Next.js.
Os quatro “caches” diferentes existentes
Existem 4 caches diferentes atuando em uma aplicação Next.js:
- Full Route Cache: Armazena HTML e payload RSC no servidor para reduzir custo de renderização
- Data Cache: Armazena dados no servidor entre diferentes requisições e implantações
- Request Memoization: Reutiliza valores de funções no servidor durante um único ciclo de requisição
- Router Cache: Armazena payload RSC no cliente para reduzir requisições ao servidor durante navegação
Exemplos práticos
Vamos ver um exemplo prático de cada um desses caches na V15. Vamos utilizar, para isso, a API da ISS - Estação Espacial Internacional.
- Full Route Cache
- Data Cache
- Request Memoization
- Router Cache