Desarrollo web

Todo encaja con la llegada de Gatsby 4

Alberto Lahuerta

Portada del post
#actualizaciones-gatsby

Ya llega la actualización más esperada de nuestro framework favorito. Gatsby 4 trae novedades increíbles que te contamos en este post.

Después de inaugurarme como escritor de posts, que me encanta y mi equipo lo sabe, salto la noticia, Gatsby lanza en beta su versión 4 y no va a dejar indiferente a nadie, yo que que te dije en el articulo anterior que habían cambiado el eslogan ya me tendría que haber olido la tostada, pero como no como pan, pues no se a que huele, bueno si, riquísimo 🤤.

Pues bien, tras los eslóganes que ya cité ¡tenemos el nuevo!

Static is fast.
Static now scales

Gatsbyjs 4

Me encanta como suena.

Lo más relevante e impactante es que han añadido dos tipos nuevos de renderizado. Esto cambia el estatus de Gatbsy radicalmente, al menos para mí.

Ya no es un generador de sitios estáticos — como ya estaban demostrando con sus cambios en el marketing.

Se van a poder consumir datos en caliente de una forma nativa gracias a uno de los tipos nuevos de renderizado, unas líneas más abajo te explico.

Para mí, Gatsby siempre ha sido escalable al máximo, pero había cosas que debíamos hacer de forma muy rebuscada y te salías de su marco, algo que nosotros siempre asumíamos ya que nos compensaba esa complejidad y seguir utilizando este framework.

Bueno, así se queda el tema render:

SSG(Static Site Generation)

Este el tipo de renderizado que te comenté en mi post anterior sobre Gatsby, tras la compilación tiene preparados todos los activos de HTML, CSS y JS, los sirve y listo.

Velocidad de vértigo ⚡

SSR(Server-Side Render)

Este tipo de renderizado hace un pre-render de los activos pero espera a que el cliente haga una petición, para entonces, hacer las consultas a los datos necesarios y mostrarlos.

Esto te permite el mostrado de información siempre actualizada. Para mí, esta es la novedad que marca la diferencia, y sí, esto ya lo estábamos haciendo nosotros en proyectos gracias a la hidratación de React, no sin darnos algún cabezazo de vez en cuando, pero ahora... ¡PAM! lo podemos resolver de forma nativa con Gatsby 4

DSG(Deferred Static Generation)

Este es como el SSG pero hasta que no hay una primera consulta por parte de un usuario no deja preparados los activos. Sí, este primer usuario se come un poco de espera, y ¿por qué? pues por que cuando tienes un sitio que compila muchas páginas hay mucho tiempo computacional corriendo y si tienes páginas que son artículos de blog antiguos, o que apenas tienen visitas, pues bueno, te lo puedes ahorrar.

Al final esto cuando sube mucho de volumen se cobra por minutos de computación de la máquina, así que bueno, dinero, y que si quieres mostrar la nueva publicación con urgencia por que eres un periódico pues también se presenta más rápido.

Tiene muchas mejoras y cambios de tripas pero bueno eso ya es materia muy técnica, simplemente será más rápido en las compilaciones y escalara mejor.

Así que esto nos da para afrontar retos que ya asumíamos pero nos quita complejidad y abre las puertas de integraciones muy jugosas.

Tengo muchas ganas de meterle mano y ver como se comporta, tenemos dos proyectos que le iría como anillo al dedo pero Gatsbyjs 4 aún está en Beta..., ¿te gustaría tener tu proyecto en Gastby 4 ? Entre que nos llamas y no ya esta estable la versión.

Para que entiendas mejor todo esto escribiré un post sobre el proceso real de como lo hacemos nosotros, si quieres que priorice este contenido házmelo saber por que soy muy de meterme en el proyecto del cliente y no salir más que para comer, tranquilísimo.

¿Quieres un cambio?
Contáctanos

Juntos podemos hacer las cosas fáciles.

© TheCookies Agency S.L. Todos los derechos reservados