Olvídate de los problemas de caché en Next.js 16 de una vez por todas

¿Harto de que la caché en Next.js 16 te dé más de un dolor de cabeza?

El truco

// ANTES: Caché descontrolada
export async function getStaticProps() {
  const data = await fetch('https://api.example.com/data');
  return {
    props: { data },
    revalidate: 10, // Demasiado alto o bajo
  };
}

// DESPUÉS: Caché controlada al milímetro
export async function getStaticProps() {
  const shouldRevalidate = process.env.NODE_ENV === 'production' ? 60 : 10;
  const data = await fetch('https://api.example.com/data');
  return {
    props: { data },
    revalidate: shouldRevalidate,
  };
}

Utiliza una variable de entorno para ajustar el tiempo de revalidación según el entorno de ejecución. Esto permite manejar los intervalos de caché de manera más dinámica y adaptable a producción o desarrollo. Al modificar el valor de .env, gestionas más eficientemente las necesidades específicas de cada entorno.

Adiós a los problemas de caché en Next.js usando un simple ajuste de revalidación.