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

Eleventy ist ein JavaScript-basierter Generator für statische Websites, der es Entwicklern leicht macht, schnelle, moderne und anpassbare Websites zu erstellen. Weitere Informationen findest du auf der Eleventy-Website.

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

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

Die App ist verfügbar, sobald der Build abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Anwendung geladen wird.

Kinsta-Willkommensseite nach erfolgreicher Installation von Eleventy
Kinsta-Willkommensseite nach erfolgreicher Installation von Eleventy

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du solltest sie nicht selbst definieren und auch nicht fest in die Anwendung programmieren.

Start-Befehl

Wenn du eine Anwendung bereitstellst, erstellt Kinsta automatisch einen Webprozess mit npm start als Startbefehl. Achte darauf, dass du diesen Befehl verwendest, um deinen Server zu starten.

Lebenszyklus des Einsatzes

Immer, wenn eine Bereitstellung initiiert wird (durch die Erstellung einer Anwendung oder eine erneute Bereitstellung aufgrund eines eingehenden Commits), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.