Dies ist ein Beispiel dafür, wie du eine Astro-Website mit serverseitigem Rendering (SSR) auf den Anwendungs-Hosting-Diensten von Kinsta aus einem GitHub-Repository einrichtest.

Standardmäßig ist Astro ein statischer Website-Builder, der sich auf inhaltsreiche Websites konzentriert, um schnellere Ladezeiten mit weniger JavaScript zu erreichen. Wenn du SSR in Astro aktivierst, kannst du dynamische Funktionen wie Sessions für die Anmeldung, die Verbindung mit einer Datenbank und mehr zu deiner Website hinzufügen. Weitere Informationen findest du auf der Astro-Website.

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

  1. Melde dich bei GitHub an und erstelle ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): Kinsta – Hello World – SSR Site With Astro.
  2. Füge in MyKinsta eine Anwendung mit dem Hello World Astro SSR Repository hinzu. Der Startbefehl kann für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl beim ersten Einsatz automatisch erkennt.

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

Kinsta-Willkommensseite nach erfolgreicher Installation von Astro
Kinsta-Willkommensseite nach erfolgreicher Installation von Astro

Willst du lieber die Videoversion sehen?

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du solltest sie nicht selbst definieren oder in der Anwendung fest einprogrammieren.

Startbefehl

Wenn du die 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 der Bereitstellung

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