Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

GatsbyJS, generador de sitios estáticos con React

GatsbyJS, generador de sitios estáticos con React 02.OCT.17

Alvaro José Rios Ch
Fundador WebBizarro

React es una muy buena opción para crear interfaces de usuario para sitios web y aplicaciones, además que nos permite usar componentes reutilizables que en proyectos grandes son una bendición, sin embargo React solo se usa para trabajo frontend, así que igual necesitamos una plataforma detrás, de la cual podamos consumir datos y una estructura en el servidor sobre la que podamos trabajar usando herramientas como webpack o compiladores de CSS como SASS.

GatsbyJS es un buen inicio para cualquier proyecto con React ya que te permite crear un proyecto preconfigurado con todo lo que necesitas para que solo tengas que comenzar a crear tu sitio, además de poder consumir datos de una o multiples fuentes como Wordpress, APIs, Bases de datos, archivos locales y más, directamente desde tu página usando GraphQL.

Lo mejor de esto es que aprovecha el server-render para generar un sitio web estático que puede ser cargado en cualquier servidor o en algún CDN como Amazon S3 que permita que tus sitios carguen muy rápido y luego consuman datos para ser mostrados en la página.

Como ven cuando digo sitios web estáticos no me refiero a que el contenido será estático, ya que pueden tener un API desde donde cargar datos para mostrar en su sitio, solo que los archivos que carga el navegador no tienen que ser generados en el servidor una y otra vez sino que son cargados por el servidor lo más rápido posible y no deben ser recargados en cada petición, lo que hace que tus sitios sean mucho más rápidos, funcionando de está forma:

GatsbyJS cuenta con una serie de starters con el que podrán construir su proyecto pero pueden encontrar algunos de la comunidad que tienen muchas más características que les pueden funcionar mejor para sus necesidades, como uno que está listo para trabajar con boostrap o uno que trae incluidos compiladores para SASS, sin embargo recuerden que solo es webpack por lo que pueden instalar los paquetes que ustedes requieran en cualquier momento.