Antecedentes (SSR “viejo”)

Antes se usaba el Server Side Rendering donde el backend enviaba el HTML al navegador, pero no permitía la interacción con los usuarios, por lo que se requería hacer otra petición al backend y recargar la página cada vez que interactuaban los usuarios.

SPAs y CSR

Luego, llegamos a las Single Page Applications (SPA) con el Client Side Rendering. Se renderizaba todo en el navegador y se hacía una petición a la API si se necesitaba información del backend. Aunque la carga inicial era lenta, la velocidad era mayor al no tener que recargar la página. Las APIs son esenciales para este tipo de aplicaciones.

Routers para aplicaciones CSR

Existen dos tipos de router para manejar la navegación en aplicaciones con Client Side Rendering (CSR): hash-router y browser-router.

<aside> 📎 El hash-router utiliza el carácter "#" para definir en qué parte de la aplicación nos encontramos. Aunque la ruta cambie, el servidor siempre muestra el mismo HTML y, con JavaScript, se muestra la parte de la aplicación correspondiente.

</aside>

<aside> 📎 Por otro lado, el browser-router utiliza la API de navegación del navegador para manejar las rutas. Cada vez que se cambia de ruta, se hace una petición al servidor para obtener el HTML correspondiente. Esto puede ser más lento, pero permite utilizar todas las funcionalidades del navegador, como el botón de "Atrás" y "Adelante".

</aside>

Progressive SSR