Dans ce tutoriel, nous allons vous montrer comment installer Gatsby sur Ubuntu 20.04 LTS. Pour ceux d’entre vous qui ne le savaient pas, Gatsby est un générateur de site statique basé sur GraphQL basé sur React. Pendant le temps de construction, Gatsby récupère toutes les données, restitue l’intégralité du site Web dans des fichiers HTML, CSS, JS statiques avec les données disponibles à ce moment-là. Comme il génère les fichiers statiques, les applications Gatsby peuvent être déployées n’importe où.
Cet article suppose que vous avez au moins des connaissances de base sur Linux, que vous savez utiliser le shell et, plus important encore, que vous hébergez votre site sur votre propre VPS. L’installation est assez simple et suppose que vous utilisez le compte root, sinon vous devrez peut-être ajouter ‘sudo‘ aux commandes pour obtenir les privilèges root. Je vais vous montrer l’installation étape par étape de Gatsby sur Ubuntu 20.04 (Focal Fossa). Vous pouvez suivre les mêmes instructions pour Ubuntu 18.04, 16.04 et toute autre distribution basée sur Debian comme Linux Mint.
Installer Gatsby sur Ubuntu 20.04 LTS Focal Fossa
Étape 1. Tout d’abord, assurez-vous que tous vos packages système sont à jour en exécutant ce qui suit apt commandes dans le terminal.
sudo mise à jour appropriée
sudo mise à niveau appropriée
sudo apt install build-essential
Étape 2. Installation de Node.js.
Ajoutez maintenant le référentiel Node.js à votre système :
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash –
sudo apt installer nodejs
Vérifiez maintenant votre version de Node.js pour vous assurer qu’elle fonctionne avec :
nodejs -v
Et vérifiez également la version NPM :
npm -v
Étape 3. Installation de Gatsby sur Ubuntu 20.04.
La CLI Gatsby est disponible via npm. Exécutez la commande suivante pour installer gatsby-cli :
npm install -g gatsby-cli
Vérifiez que Gatsby est correctement installé avec :
gatsby -v
Étape 4. Construire votre site Gatsby.
Créez maintenant votre premier site de test Gatsby :
gatsby nouveau hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
Cette commande a créé un répertoire appelé hello-world et y a téléchargé le site de test, vous pouvez maintenant exécuter le site de démarrage avec :
cd hello-world gatsby develop
Étape 5. Accéder au site de Gatsby.
Une fois complètement installé avec succès, votre site Gatsby fonctionne maintenant à https://localhost:8000 et devrait afficher Hello world !
Toutes nos félicitations! Vous avez correctement installé Gatsby. Merci d’avoir utilisé ce didacticiel pour installer le système Gatsby sur Ubuntu 20.04 LTS Focal Fossa. Pour une aide supplémentaire ou des informations utiles, nous vous recommandons de vérifier le site officiel de Gatsby.
