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 💚
Lo básico
Construir una web app con React no es fácil
Nuestro proyecto y lo que necesitaremos
Instalando NextJS
Routing
Rutas básicas
Rutas dinámicas
#UnderTheHood setup y páginas: optimizaciones ocultas
#UnderTheHood páginas: pre rendering de páginas
Enlazando páginas
#UnderTheHood enlazando páginas: prefetching automático
API y Debugging
¿Cómo crear API con NextJS?
Creando y consumiendo nuestra propia API
Extendiendo NextJS
Extendiendo el Document
Extendiendo el App
Path alias
Explora las soluciones de CSS en NextJS y su flexibilidad
Finalizando las páginas
Deployment en Vercel
Utilizando Vercel para hacer Deploy
Data Fetching y Pre-rendering
Introducción a los pre-render modes
#UnderTheHood Server Side Rendering: getServerSideProps
#UnderTheHood Static Generation: getStaticProps
#UnderTheHood Static Dynamic Static Generation: getStaticPaths
Deployment
Otras formas de hacer deploy de una app NextJS
Midiendo Performance
Mide Performance en NextJS
El futuro de NextJS
¿Qué será de NextJS en los próximos años?
Conclusiones
Continúa con el Curso de Next.js: Sitios Estáticos y Jamstack
Bonus Next.js 10
Next.js Image
Link y Proxy
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Introducción a los pre-render modes
18/27Recursos
Aportes 6
Preguntas 0
Ordenar por:
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.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.