Dies ist ein Beispiel dafür, wie du eine statische Seite mit Eleventy auf Kinsta’s Anwendungs-Hosting oder statischen Website-Hosting-Leistungen von einem GitHub-Repository aus 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.

Statisches Seiten Hosting

  1. Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Dieses Template verwenden > Ein neues Repository erstellen): Kinsta — Hello World — Eleventy.
  2. Füge in MyKinsta eine statische Seite mit dem Hello World – Eleventy Repository und den folgenden Build-Einstellungen hinzu:
    • Build-Befehl: npx @11ty/eleventy
    • Node Version: 18.16.0
    • Öffentliches Verzeichnis: _site
  3. Die Seite ist verfügbar, sobald die Erstellung abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Seite geladen wird.

Anwendungs-Hosting

  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.
  3. Die App ist verfügbar, sobald der Build abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Anwendung geladen wird.

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.

Willkommensseite

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

Kinsta-Willkommensseite nach erfolgreicher Bereitstellung von Eleventy.
Kinsta-Willkommensseite nach erfolgreicher Bereitstellung von Eleventy.