Préambule
Gatsby est un générateur de site statique 100% javascript avec une interface front qui fonctionne avec ReactJS.
Une des puissances de Gatsby est sans doute l'agréggation de multiples sources de données, et surtout la multitude de possibilité de récupérer un jeu de donnée d'une source. (YAML, JSON, CSV, CMS, sql, etc) afin de le transformer en GraphQL.
Gatsby se déploie en ligne de commande grâce à node.js via une commande npm (ou yarn). Il fonctionne à l'aide de fichier de configuration js et par le biais de dépendances.
Installation
Source : https://www.gatsbyjs.com/docs/tutorial/part-0/
Prérequis : Avoir installé node.js et npm sur sa machine
Dans terminal
npm install -g gatsby-cli
Ainsi vous allez installer gatsby sur votre machine globale.
Rendez-vous dans un dossier de développement avec votre commande cd, puis lancer la commande suivante :
gatsby new
Une série de question vous sera demandée, répondez-y selon votre projet.
Dans mon exemple j'ai choisi d'avoir le générateur de sitemap, et le styling mode avec "Sass".
Rendez-vous dans le dossier du site en suivant les recommandations qui s'affichent sur votre terminal à la fin de l'exécution du script.
Une fois dans votre dossier lancez la commande
yarn develop
Félicitations, vous venez de déployer votre premier site statique avec Gatsby.
Vous remarquerez que le terminal vous communique deux liens, un pour visiter le front de votre site et l'autre http://localhost:8000/___graphql pour simuler des requêtes GraphQL.
