Ventajas y desventajas del Server Side Render

Curso de Server Side Render o SSR con React.js

Fundamentos de SSR

¿Por qué necesito aprender sobre SSR?

El problema de las Single Page Applications

Poniendo a prueba las Single Page Applications

¿Qué es el Server Side Render?

Ventajas y desventajas del Server Side Render

Crea tu primer app con SSR

Tu nuevo proyecto: Helix Eye

Configurando Webpack para compilar TypeScript

Tu primer servidor con Express.js y TypeScript

Creando un template con HTML

Renderizando React desde el servidor

Hidratando la aplicación y separando el bundle del cliente

Initial Props y Consultas a la API desde el servidor

Consumiendo las Initial Props desde el cliente

Manejo de estilos desde el servidor

Bonus

Hot Module Replacement

Platzi Engine vs. Next.js

¿Quieres un Curso Avanzado de Server Side Render?

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Eduardo Lemus Zavala

hace 2 años

Ventajas:

Mejora en indexación y en SEO
Carga inicial as rapida
Mejor Performance
Mejor accesibilidad
Funciona como un proxy server: Manejo de request con datos mal formado o de difícil acceso
Prefetching de datos: Manejamos los datos que nuestra aplicación quiere tener sin necesidad de hacer peticiones desde el cliente

Desventajas:

Mayor Costo: Pagar un servidor de Node.
Nuevo vector de ataque: el servidor, se deben seguir políticas de seguridad en el Backend.
Mas lento al cambiar de ruta(Routing), el Routing se maneja desde el servidor
Incompatibilidad con APIs y librerías del navegador. (Principal desventaja)

David Drah Llensa

hace 5 meses

![]()![](https://web.dev/static/articles/rendering-on-the-web/image/app-rendering-types-examples_960.png)

Andrés Gallego

hace 10 meses

La lectura tiene una imagen muy buena de la comparación entre renderizados ![](https://static.platzi.com/media/user_upload/infographic-showing-spec-cbd56ed4c56f1_856-41ccac26-daa3-4517-84fb-33582e8c4edb.jpg)