¿Qué es GatsbyJS?
domini codeGatsby, 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-cliUna vez instalado, podemos empezar a crear nuestro primer proyecto con Gatsby.
Creamos nuestro site.
gatsby new gatsby-siteVamos a la carpeta del proyecto.
cd gatsby-sitePodemos arrancar el servidor de desarrollo con el comando.
gatsby developGatsby 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.