Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Next.js

Curso de Next.js

Jonathan Alvarez

Jonathan Alvarez

Introducción a los pre-render modes

18/27
Recursos

Aportes 6

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Hola Devs:
-Aqui les tengo un article que les puede ayudar a comprender las diferencias entre Client-Side y Server-Side : Click Aqui
Recuerden, #NuncaParesDeAprender 💚

CSR ➡ ❌ Afecta el SEO
✔ algo positivo no tenemos problemas de TTFB (Time To First Byte)

SSR ➡ ❌ Afecta el redimiendo de nuestro sitio web con el TTFB (Time To First Byte)
✔ algo positivo es que mejora el SEO

SSG ➡ ❎ Lo mejor de los dos mundos
✔ No tenemos problemas de TTFB ni tampoco con el SEO

Client Side Rendering (CSR): Significa que toda la UI, va a ser renderizada por el navegador de nuestro usuario.

Server Side Rendering (SSR): Significa que ahora todo el frontend se va a renderizar en el server donde esta hosteado el sitio o la web app. Y por lo que entiendo esto significa que si alguien tiene un dispositivo muy viejo o modesto, la app o el sitio se comportará igual de rápido que si tuviera un dispositivo de gama alta; claro suponiendo que ambos tienen exactamente el mismo servicio de internet/datos.

Static: Se refiere a los assets o a cierto contenido que no va a cambiar, para esto se guarda en la carpeta public, la cual debe de estar ubicada en el root de nuestro proyecto.

Hola 😄

Client Side: el código se ejecuta en el navegador y tendremos problemas con el SEO
SSR: El contenido se ejecuta en el servidor, para contenido dinámico, y ésto permite que se pueda indexar
SSG: El contenido se genera en el deploy, ayuda al seo, pero no recomendable para contenido muy dinamico

server side es que se renderiza dentro del servidor, client side desde el cliente y static side es simplemente estático como se usan tradicionalmente las páginas web, esto afecta más que todo el rendimiento y la forma como se muestran las páginas, creo yo

static side: es generado en build time y es catchado (con o sin datos).
server side: es generado on request y es mas lento que static side reneration porque el servidor de computar el resultado en cada request.
client side: javascript es generado por el navegador. Si no necesitas pre-renderizar la data, no te importa el SEO tanto. por default Next.js pre renders todas la paginas.