Introdução

Um problema comum de cache no Next.js durante a construção de um aplicativo é o comportamento de cache padrão do Next.js que leva à frustração de muitos desenvolvedores. Em muitos casos, o cache ajuda a acelerar o carregamento das páginas e reduzir a carga do servidor, armazenando cópias de recursos.
No entanto, às vezes pode levar à exibição de conteúdo desatualizado, o que pode ser problemático para aplicativos dinâmicos, como feed de blog, onde um novo blog é exibido quando adicionado.

Desativando o cache de dados

Next.js estende a API Web fetch() nativa para permitir que cada solicitação no servidor defina sua própria semântica de cache persistente.

Para cancelar o armazenamento em cache para solicitações de busca individuais, você pode definir a opção de cache na busca como 'no-store'. Isso irá buscar dados dinamicamente, em cada solicitação.

export default async function Page() {

  const dynamicData = await fetch(`https://...`, { cache: 'no-store' })
  const data = await dynamicData.json()
}

Isso ajudará a substituir o comportamento de cache padrão do Next.js