Dies ist ein Beispiel dafür, wie du eine statische Website mit Gatsby auf den Anwendungs Hosting-Diensten von Kinsta einrichtest.

Während des Deployment-Prozesses installiert Kinsta automatisch die in deiner package.json-Datei definierten Abhängigkeiten.

  1. Forke dieses GitHub-Repository: Kinsta – Hello World – Statische Website mit Gatsby
  2. In MyKinsta fügst du eine Anwendung mit dem Hello World Gatsby Repository hinzu. Der Start-Befehl kann für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl beim ersten Einsatz automatisch erkennt.

Die App ist verfügbar, sobald der Build abgeschlossen ist und eine Standard-Gatsby-Seite unter der URL deiner Anwendung geladen wird.

Gatsby-Standardseite nach erfolgreicher Installation
Gatsby-Standardseite nach erfolgreicher Installation

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du brauchst sie nicht zu definieren oder in der Anwendung fest zu codieren. Das Serve-Paket verwendet den von Kinsta eingestellten Port automatisch.

Startbefehl

Wenn du die Anwendung bereitstellst, erstellt Kinsta automatisch einen Webprozess mit npm start als Startbefehl.

Deployment-Lebenszyklus

Jedes Mal, wenn ein Deployment initiiert wird (durch das Erstellen einer Anwendung oder ein erneutes Deployment aufgrund eines eingehenden Commits), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.