Gatsby est un framework open source super rapide et fantastique basé sur React pour la création de sites Web et d'applications.
Chez LinuxAPT, dans le cadre de nos services de gestion de serveur, nous aidons régulièrement nos clients à effectuer des requêtes de développement de site Web connexes à l'aide du logiciel Gatsby.
Dans ce cadre, nous allons voir comment installer Gatsby sur votre Ubuntu 20.04 LTS.
Étapes pour installer Gatsby sur Ubuntu
Pour installer Gatsby avec succès, vous devez suivre les étapes ci-dessous.
1. Système de mise à jour
Avant d'effectuer toute installation de logiciel, il est toujours recommandé de maintenir le système à jour. Donc, pour ce faire, exécutez simplement la commande ci-dessous :
$ sudo apt update
2. Vérifiez la version de Node, NPM et Git
Ici, vous devez vérifier que votre système exécute les packages Node.js, NPM et Git à jour. Voici comment procéder avec les commandes ci-dessous :
$ node --version
$ npm --version
$ git --version
Si aucun des packages ci-dessus n'est installé sur votre système, vous devez d'abord les installer. Utilisez la commande ci-dessous :
$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git
3. Installez la CLI Gatsby.js
Contrairement à d'autres packages qui peuvent être installés dans un répertoire de projet spécifique. Gatsby sera installé uniquement dans le monde entier. Un package de nœud local ou spécifique à un répertoire peut être installé sans sudo, mais un package global ne peut être installé qu'avec sudo.
Exécutez maintenant la commande ci-dessous :
$ sudo npm install -g gatsby-cli
Comment créer un nouveau site Web statique avec Gatsby ?
Une fois Gatsby.js installé, nous sommes prêts à commencer à créer de nouveaux sites Web statiques.
Commencez par créer un nouveau répertoire avec la commande ci-dessous :
$ mkdir gatsbySite
Changez ensuite de répertoire avec la commande ci-dessous :
$ cd /gatsbySite
Maintenant, pour créer votre premier site, exécutez simplement la commande suivante et vous êtes prêt à partir :
$ gatsby new
Ici, Gatsby vous posera quelques questions telles que le nom de votre site, le nom de votre dossier spécifique de votre site Web et certains détails du plug-in.
Après avoir répondu à toutes, votre site sera créé.
Pour lancer un serveur local qui vous montrera votre site Web localement, exécutez simplement la commande :
$ npm run develop
Vous pouvez maintenant accéder à votre site local sur http://localhost:8000/.