Renderizado del lado del servidor (SSR)

También conocido como "SSR" o "Renderizado dinámico".

Si una página utiliza Renderizado del lado del servidor (SSR), el HTML de la página se genera en cada solicitud.

Para usar Renderizado del lado del servidor (SSR) en una página, necesita exportar una función async llamada getServerSideProps. Esta función será llamada por el servidor en cada solicitud.

Por ejemplo, supongamos que su página necesita prerrenderizar datos actualizados frecuentemente (obtenidos de una API externa). Puede escribir getServerSideProps que obtiene estos datos y los pasa a Page como se muestra a continuación:

export default function Page({ data }) {
  // Renderizar datos...
}

// Esto se llama en cada solicitud
export async function getServerSideProps() {
  // Obtener datos de una API externa
  const res = await fetch(`https://.../data`)
  const data = await res.json()

  // Pasar datos a la página mediante props
  return { props: { data } }
}

Como puede ver, getServerSideProps es similar a getStaticProps, pero la diferencia es que getServerSideProps se ejecuta en cada solicitud en lugar de en el momento de construcción.

Para obtener más información sobre cómo funciona getServerSideProps, consulte nuestra documentación de Obtención de datos.