Nextjs logomark
Next Journey

Client Side Rendering (CSR)

Esta página se renderiza exclusivamente en el cliente. El Pokémon mostrado se obtiene usando fetch y useEffect después de que la página se ha cargado en el navegador.

Renderizado en tiempo real
Pokémon Dinámico
Datos obtenidos y renderizados en el navegador

¿Cómo funciona? El HTML inicial no contiene datos del Pokémon. El contenido se obtiene y renderiza solo en el navegador usando React.

Comprobación: Al recargar (F5) aparece un Pokémon diferente cada vez, pero si se inspecciona el HTML inicial, no se ven los datos hasta que React los carga.