Server Side Rendering (SSR)

Esta página se renderiza en el servidor en cada request. El Pokémon mostrado abajo es generado aleatoriamente en cada recarga. Al recargar la página, aparece un Pokémon diferente, demostrando que los datos se obtienen y renderizan en el servidor antes de enviarse al navegador.

Renderizado en cada request

Pokémon del Servidor

Datos pre-renderizados desde el servidor

swirlix

fairy

ID: 684

¿Cómo funciona? Al visitar esta página, Next.js ejecuta el código en el servidor, obtiene los datos y genera el HTML final antes de enviarlo al navegador. Es ideal para contenido dinámico, personalizado o que depende de datos en tiempo real.

Comprobación: Al recargar la página cambia el Pokémon. Si se inspecciona el HTML, los datos ya están presentes antes de que el navegador ejecute JavaScript.