¿Qué es Gatsby?

Gatsby es un framework generador de sitios estáticos que utiliza React, GraphQL y Webpack para construir sitios. Gatsby también es conocido como GatsbyJS y fue diseñado para permitir a los desarrolladores construir sitios web con React rápidamente.

El framework incluye herramientas para crear consultas de datos y transformar esas consultas en componentes reutilizables. Gatsby ahorra tiempo al permitir a los editores de contenido editar el sitio web como lo harían con cualquier otra pieza de contenido sin preocuparse por el código, como lo harían con un CMS.

Gatsby fue diseñado originalmente como starter project de React, pero desde entonces ha ganado mucha popularidad y ahora soporta otras bibliotecas y tecnologías como Webpack y GraphQL, lo que lo hace más poderoso que un simple proyecto inicial.

Cómo funciona Gatsby

Gatsby usa GraphQL para recolectar la información de nuestro sitio web desde diferentes fuentes: APIs, CMS o nuestro sistema de archivos. Y teniendo lista la información, renderiza nuestras vistas en React.js para construir sitios estáticos muy optimizados.

Gatsby se construye en el servidor apoyándose de NodeJS y de Webpack. También usa los plugins para obtener información de diversas fuentes.

Gatsby usa:

• Virtual DOM
• Componentes
• Hot Reloading
• Code Splitting e imágenes responsivas

Ya que Gatsby hace un sitio estático es muy fácil hacer el despliegue.

Cuáles son las ventajas de Gatsby

Gatsby es un framework open source increíblemente rápido, tanto en desarrollo como en producción. Trabaja con un stack innovador, ya que integra tecnologías como React y GraphQL con diferentes fuentes de información como WordPress o Sanity.io.

Qué aplicaciones web están construidas con Gatsby

Entre muchas otras aplicaciones, la documentación oficial de React.js está construida con Gatsby: Reactjs.org.

La página de comercio electrónico de la marca Braun está hecha en Gatsby.

Y también, Figma, la famosa plataforma para crear diseños personalizados y compartir prototipos

Puedes ver toda una colección de páginas construidas en Gatsby en su showcase.