Dies ist ein Beispiel dafür, wie du eine statische Website mit Docusaurus auf den Anwendungs Hosting-Diensten von Kinsta einrichtest.

Docusaurus ist ein Generator für statische Websites. Er erstellt eine einseitige Anwendung mit schneller clientseitiger Navigation und nutzt die volle Leistungsfähigkeit von React, um deine Website interaktiv zu gestalten. Docusaurus wurde entwickelt, um Teams die Veröffentlichung von Dokumentations-Websites zu erleichtern, ohne dass sie sich um die Infrastruktur und die Designdetails kümmern müssen. Alles, was der Nutzer mitbringen muss, sind in Markdown geschriebene Dokumentationsdateien, die Anpassung einer in React geschriebenen Startseite und ein paar Konfigurationsänderungen.

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

  1. Forke dieses GitHub-Repository: Kinsta – Hello World – Docusaurus
  2. In MyKinsta fügst du eine Anwendung mit dem Hello World Docusaurus Repository 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 eine Standard-Docusaurus My Site Seite unter der URL deiner Anwendung geladen wird.

Docusaurus-Standardseite My Site nach erfolgreicher Installation
Docusaurus-Standardseite My Site nach erfolgreicher Installation

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du musst sie nicht definieren oder in der Anwendung fest einprogrammieren. 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.