Optimiza tu aplicación Next.js: Carga estática inteligente

Tu aplicación Next.js está sirviendo páginas dinámicamente en cada petición, causando latencia innecesaria.

El truco

// Antes (no optimizado)
export async function getServerSideProps() {
  const res = await fetch('https://api.midominio.com/data');
  const data = await res.json();

  return { props: { data } };
}

// Después (optimizado)
export async function getStaticProps() {
  const res = await fetch('https://api.midominio.com/data');
  const data = await res.json();

  return { props: { data } };
}

Cambiar de getServerSideProps a getStaticProps permite que la página se genere en el momento de la construcción y no en cada solicitud del usuario. Esto reduce la carga del servidor, disminuye el tiempo de respuesta y pone menos presión sobre las APIs, mejorando significativamente el rendimiento y la experiencia del usuario. Además, asegúrate de que los datos que estás sirviendo no requieren ser actualizados constantemente o que pueden soportar una cadencia de actualización programada.

Aplicar generación estática en Next.js es una manera fácil y potente de mejorar el rendimiento de tu aplicación sin complicarte la vida.