Gatsby ist ein superschnelles und fantastisches React-basiertes Open-Source-Framework zum Erstellen von Websites und Apps.
Hier bei LinuxAPT helfen wir unseren Kunden im Rahmen unserer Serververwaltungsdienste regelmäßig bei der Durchführung verwandter Website-Entwicklungsanfragen mit Gatsby-Software.
In diesem Zusammenhang werden wir untersuchen, wie Sie Gatsby auf Ihrem Ubuntu 20.04 LTS installieren.
Schritte zur Installation von Gatsby auf Ubuntu
Um Gatsby erfolgreich zu installieren, müssen Sie die folgenden Schritte ausführen.
1. System aktualisieren
Vor der Durchführung einer Softwareinstallation wird immer empfohlen, das System auf dem neuesten Stand zu halten. Führen Sie dazu einfach den folgenden Befehl aus:
$ sudo apt update
2. Node-, NPM- und Git-Version prüfen
Hier müssen Sie überprüfen, ob auf Ihrem System aktuelle Node.js-, NPM- und Git-Pakete ausgeführt werden. So machen Sie es mit den folgenden Befehlen:
$ node --version
$ npm --version
$ git --version
Wenn keines der oben genannten Pakete auf Ihrem System installiert ist, sollten Sie sie zuerst installieren. Verwenden Sie den folgenden Befehl:
$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git
3. Installieren Sie die Gatsby.js-CLI
Im Gegensatz zu anderen Paketen, die möglicherweise in einem bestimmten Projektverzeichnis installiert werden. Gatsby wird nur global installiert. Ein lokales oder verzeichnisspezifisches Knotenpaket kann ohne sudo installiert werden, aber ein globales Paket kann nur mit sudo installiert werden.
Führen Sie nun den folgenden Befehl aus:
$ sudo npm install -g gatsby-cli
Wie erstelle ich eine neue statische Website mit Gatsby?
Sobald Gatsby.js installiert ist, können wir mit der Erstellung neuer statischer Websites beginnen.
Erstellen Sie zunächst ein neues Verzeichnis mit dem folgenden Befehl:
$ mkdir gatsbySite
Wechseln Sie dann das Verzeichnis mit dem folgenden Befehl:
$ cd /gatsbySite
Um jetzt Ihre erste Site zu erstellen, führen Sie einfach den folgenden Befehl aus und Sie können loslegen:
$ gatsby new
Hier wird Gatsby Ihnen einige Fragen stellen, z. B. wie lautet der Name Ihrer Website, Ihr spezifischer Ordnername Ihrer Website und einige Plugin-Details.
Nachdem Sie alle beantwortet haben, wird Ihre Website erstellt.
Um einen lokalen Server zu initiieren, der Ihnen Ihre Website lokal anzeigt, führen Sie einfach den folgenden Befehl aus:
$ npm run develop
Jetzt können Sie auf Ihre lokale Site unter http://localhost:8000/ zugreifen.