So installieren Sie Gatsby unter Ubuntu 20.04 LTS

In diesem Tutorial zeigen wir Ihnen, wie Sie Gatsby auf Ubuntu 20.04 LTS installieren. Für diejenigen unter Ihnen, die es nicht wussten, Gatsby ist ein React-basierter GraphQL-basierter statischer Site-Generator. Während Erstellungszeit Gatsby ruft alle Daten ab und stellt die gesamte Website mit den zu diesem Zeitpunkt verfügbaren Daten in statische HTML-, CSS- und JS-Dateien dar. Während die statischen Dateien generiert werden, können Gatsby-Anwendungen überall eingesetzt werden.

Dieser Artikel geht davon aus, dass Sie zumindest über Grundkenntnisse in Linux verfügen, wissen, wie man die Shell verwendet, und vor allem, dass Sie Ihre Website auf Ihrem eigenen VPS hosten. Die Installation ist recht einfach und setzt Sie voraus im Root-Konto ausgeführt werden, wenn nicht, müssen Sie möglicherweise 'sudo hinzufügen ‘ zu den Befehlen, um Root-Rechte zu erhalten. Ich zeige Ihnen Schritt für Schritt die Installation des Gatsby auf Ubuntu 20.04 (Focal Fossa). Sie können denselben Anweisungen für Ubuntu 18.04, 16.04 und jede andere Debian-basierte Distribution wie Linux Mint folgen.

Voraussetzungen

• Ein Server, auf dem eines der folgenden Betriebssysteme ausgeführt wird:Ubuntu 20.04, 18.04 und jede andere Debian-basierte Distribution wie Linux Mint oder elementares Betriebssystem.
• Es wird empfohlen, dass Sie eine neue Betriebssysteminstallation verwenden, um potenziellen Problemen vorzubeugen.
• Ein non-root sudo user oder Zugriff auf den root user . Wir empfehlen, als non-root sudo user zu agieren , da Sie Ihr System beschädigen können, wenn Sie als Root nicht aufpassen.

Installieren Sie Gatsby auf Ubuntu 20.04 LTS Focal Fossa

Schritt 1. Stellen Sie zunächst sicher, dass alle Ihre Systempakete auf dem neuesten Stand sind, indem Sie den folgenden apt ausführen Befehle im Terminal.

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Schritt 2. Installation von Node.js.

Fügen Sie jetzt das Node.js-Repository zu Ihrem System hinzu:

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install nodejs

Überprüfen Sie nun Ihre Node.js-Version, um sicherzustellen, dass sie funktioniert mit:

nodejs -v

Und prüfen Sie auch die NPM-Version:

npm -v

Schritt 3. Gatsby auf Ubuntu 20.04 installieren.

Die Gatsby-CLI ist über npm verfügbar. Führen Sie den folgenden Befehl aus, um gatsby-cli zu installieren:

npm install -g gatsby-cli

Überprüfen Sie, ob Gatsby korrekt installiert ist mit:

gatsby -v

Schritt 4. Erstellen Sie Ihre Gatsby-Site.

Erstellen Sie jetzt Ihre erste Gatsby-Testseite:

gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

Dieser Befehl erstellte ein Verzeichnis namens hello-world und lud die Test-Site dorthin herunter, Sie können jetzt die Starter-Site ausführen mit:

cd hello-world
gatsby develop

Schritt 5. Zugriff auf die Gatsby-Site.

Nach vollständiger erfolgreicher Installation läuft Ihre Gatsby-Site jetzt unter http://localhost:8000 und sollte Hello world!

ausgeben

Herzlichen Glückwunsch! Sie haben Gatsby erfolgreich installiert. Vielen Dank, dass Sie dieses Tutorial zur Installation von Gatsby auf dem Ubuntu 20.04 LTS Focal Fossa-System verwendet haben. Für zusätzliche Hilfe oder nützliche Informationen empfehlen wir Ihnen, die offizielle Gatsby-Website zu besuchen .