Dieses Beispiel zeigt, wie du eine statische Website mit Gatsby auf dem Application oder Static Site Hosting Service von Kinsta aus einem GitHub-Repository einrichtest.

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

Hosting statischer Websites

  1. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Dieses Template verwenden > Neues Repository erstellen): Kinsta – Hello World – Statische Website mit Gatsby
  2. Füge in MyKinsta eine statische Site mit dem Hello World Gatsby-Repository und den folgenden Build-Einstellungen hinzu:
    • Build-Befehl: npm run build
    • Node-Version: 18.16.0
    • Veröffentlichungsverzeichnis: public
  3. Die Site ist verfügbar, sobald der Build abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Site geladen wird.

Hosting der Anwendung

  1. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Dieses Template verwenden > Neues Repository erstellen): Kinsta – Hello World – Statische Website mit Gatsby
  2. Füge in MyKinsta eine Anwendung mit dem Hello World Gatsby-Repository hinzu. Der Startbefehl für den Webprozess kann leer gelassen werden, da Kinsta den erforderlichen Befehl bei der ersten Bereitstellung automatisch erkennt.

 

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 nutzt den von Kinsta eingestellten Port automatisch.

Startbefehl

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

Lebenszyklus des Deployments

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

Willkommensseite

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

Gatsby-Standardseite nach der Bereitstellung von Gatsby.
Gatsby-Standardseite nach der Bereitstellung von Gatsby.