Dies ist ein Beispiel dafür, wie du eine statische Seite mit Gatsby auf den Anwendungs-Hosting-Leistungen von Kinsta aus einem GitHub-Repository einrichtest

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

  1. Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Diese Template verwenden > Neues Repository erstellen): 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.