Introducción

El problema común de almacenamiento en caché en Next.js al crear una aplicación es el comportamiento de almacenamiento en caché predeterminado de Next.js que genera frustración para muchos desarrolladores. En muchos casos, el almacenamiento en caché ayuda a acelerar la carga de las páginas y reducir la carga del servidor al almacenar copias de los recursos.
Sin embargo, a veces puede provocar que se muestre contenido obsoleto, lo que puede ser problemático para aplicaciones dinámicas como el feed de blogs donde se muestra un nuevo blog cuando se agrega.

Optar por no participar en el almacenamiento en caché de datos

Next.js extiende la API nativa Web fetch() para permitir que cada solicitud en el servidor establezca su propia semántica de almacenamiento en caché persistente.

Para optar por no utilizar el almacenamiento en caché para solicitudes de recuperación individuales, puede configurar la opción de caché en la recuperación en "no almacenar". Esto recuperará datos dinámicamente, en cada solicitud.

export default async function Page() {

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

Esto ayudará a anular el comportamiento de almacenamiento en caché predeterminado de Next.js