Dans ce didacticiel, 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 alimenté par GraphQL basé sur React. Gatsby récupère toutes les données, rend l'intégralité du site Web dans des fichiers HTML, CSS et JS statiques avec les données disponibles à ce moment-là. Au fur et à mesure qu'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 s'exécutent dans le compte root, sinon vous devrez peut-être ajouter 'sudo ‘ aux commandes pour obtenir les privilèges root. Je vais vous montrer pas à pas l'installation du 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.
Prérequis
- Un serveur exécutant l'un des systèmes d'exploitation suivants :Ubuntu 20.04, 18.04 et toute autre distribution basée sur Debian comme Linux Mint ou un système d'exploitation élémentaire.
- Il est recommandé d'utiliser une nouvelle installation du système d'exploitation pour éviter tout problème potentiel.
- Un
non-root sudo userou l'accès à l'root user. Nous vous recommandons d'agir en tant qu'non-root sudo user, cependant, car vous pouvez endommager votre système si vous ne faites pas attention lorsque vous agissez en tant que root.
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 le apt suivant commandes dans le terminal.
sudo apt update sudo apt upgrade 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 install nodejs
Vérifiez maintenant votre version de Node.js pour vous assurer qu'elle fonctionne avec :
nodejs -v
Et vérifiez également la version de NPM :
npm -v
Étape 3. Installer 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 new 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 Gatsby.
Une fois complètement installé avec succès, votre site Gatsby fonctionne maintenant sur http://localhost:8000 et devrait afficher Hello world !
Félicitations ! Vous avez installé Gatsby avec succès. Merci d'avoir utilisé ce didacticiel pour installer Gatsby sur le système Ubuntu 20.04 LTS Focal Fossa. Pour une aide supplémentaire ou des informations utiles, nous vous recommandons de consulter le site Web officiel de Gatsby .