¿Qué es GatsbyJS?

Gatsby, es un generador de sitio moderno y ultrarrápido para React.

Gatsby es un generador de sitios estáticos. Así como React static, Next.js ó Jekyll with React. Incluso podríamos añadir a esta lista a Frontity, que no es, solamente un generador de sitios estáticos. 

Todos estos generadores están basados en React. 

Gatsby, se basa en tecnologías que son estándares web: Tales como ReactJS, Webpack, GraphQL, y ES6.

GatsbyJS, es parte del concepto JAMStack. 

JAMStack: 

JAMStack, es un concepto en desarrollo web que nos ofrece múltiples beneficios. 

El acrónimo JAM proviene de  JS + APIs + Markup = JAM.

Una arquitectura moderna, para el desarrollo web basada en el uso de JS en el cliente, APIs reutilizables y Markup precalculado.

– Jamstack.org

Algo que posiblemente pueda ser una desventaja, es que necesitamos tener al menos conocimientos básicos de  React.JS y GraphQL. 

Ya que realmente lo que vas hacer, será una aplicación en React ; recuerda que, Gatsby se basa en React. 

Una de las mayores ventajas de GatsbyJS, es la gran cantidad de fuentes de datos. 

Es decir que podremos leer data desde una API, Markdown, etc .
 

Como ya sabemos qué es GatsbyJs, procederemos a trabajar con el CLI de Gatsby. 

Vamos a realizar la instalación global del CLI. 

npm install -g gatsby-cli

Una vez instalado, podemos empezar a crear nuestro primer proyecto con Gatsby. 

Creamos nuestro site. 

gatsby new gatsby-site

Vamos a la carpeta del proyecto. 

cd gatsby-site

Podemos arrancar el servidor de desarrollo con el comando.

gatsby develop

Gatsby iniciará un entorno de desarrollo por defecto en http://localhost:8000

Esto es solo el comienzo, como puedes ver tenemos un sitio estáticos muy básico. 

Mi última recomendación por ahora, será el comando gatsby –help en la terminal. 

Ahí podrás ver, un listado de comando disponibles desde el CLI. 

También tienes este video, donde puedes ver parte de los que podemos hacer con GatsbyJS. 

Primeros pasos con GatsbyJS.