VuePress ist ein Vue-getriebener Generator für statische Websites. Zu seinen Hauptmerkmalen gehören Leistung und ein einfacher Ansatz.

Weitere Informationen findest du auf der Website vuepress.github.io.

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

  1. Forke das folgende GitHub-Repository: https://github.com/kinsta/hello-world-vuepress

  2. Füge in MyKinsta eine Anwendung mit dem Repository vuepress hinzu. Der Startbefehl kann für den Webprozess leer gelassen werden, da Kinsta den erforderlichen Befehl während des ersten Deployments automatisch erkennt.

Die App ist verfügbar, sobald der Build abgeschlossen ist und eine Hello World-Seite geladen wird.

VuePress-Anwendung
VuePress-Anwendung.

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du brauchst sie nicht zu definieren oder fest in die Anwendung zu programmieren. Das Paket serve verwendet den von Kinsta eingestellten Port automatisch.

Startbefehl

Wenn du die Anwendung bereitstellst, erstellt Kinsta automatisch einen Webprozess mit npm start als Einstiegspunkt.

Deployment-Lebenszyklus

Immer wenn du eine Bereitstellung initiierst (indem du eine Anwendung erstellst oder aufgrund eines eingehenden Commits erneut bereitstellst), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.