Dies ist ein Beispiel dafür, wie du eine statische Seite mit Astro auf Kinsta’s Anwendungs-Hosting- oder statischen Website-Hosting-Leistungen von einem GitHub-Repository aus einrichtest.
Astro ist ein statischer Website-Builder, der sich auf inhaltsreiche Websites konzentriert, um schnellere Ladezeiten mit weniger JavaScript zu erreichen. Weitere Informationen findest du auf der Website von Astro.
Während des Deployment-Prozesses installiert Kinsta automatisch die in deiner package.json-Datei definierten Abhängigkeiten.
Statisches Seiten Hosting
- Melde dich bei GitHub an und erstelle ein neues Repository mit diesem Template (Dieses Template verwenden > Ein neues Repository erstellen): Kinsta – Hello World – Statische Seite mit Astro
- Füge in MyKinsta eine statische Seite mit dem Hello World – Astro Repository und den folgenden Build-Einstellungen hinzu:
- Build-Befehl:
npm run build - Node Version: 18.16.0
- Öffentliches Verzeichnis: dist
- Build-Befehl:
- Die Seite ist verfügbar, sobald die Erstellung abgeschlossen ist und die Kinsta-Willkommensseite unter der URL deiner Seite geladen wird.
Anwendungs-Hosting
- 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 Astro
- Füge in MyKinsta eine Anwendung mit dem Astro-Repository Hello World 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 die Kinsta-Willkommensseite unter der URL deiner Anwendung geladen wird.
Webserver-Einrichtung
Port
Kinsta setzt automatisch die Umgebungsvariable PORT. Du brauchst sie nicht zu definieren oder fest in die Anwendung zu programmieren. 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
Immer 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.
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.
