Dies ist ein Beispiel dafür, wie du eine Nuxt-Anwendung für das Deployment auf den Anwendungs-Hosting-Diensten von Kinsta einrichtest.

Nuxt ist ein Open-Source-Webentwicklungsframework, mit dem du serverseitig gerenderte Vue-Anwendungen und statische Seiten erstellen kannst. Weitere Informationen findest du auf der Nuxt Website.

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

  1. Erstelle ein neues Repository aus dieser Vorlage (Diese Vorlage verwenden > Neues Repository erstellen): Kinsta – Hello World – NuxtJS.
  2. In MyKinsta fügst du eine Anwendung mit dem Hello World – NuxtJS 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 Hello World-Seite unter der URL deiner Anwendung geladen wird.

Nuxt Hello World Seite nach erfolgreicher Installation
Nuxt Hello World Seite nach erfolgreicher Installation

Webserver-Einrichtung

Port

Kinsta setzt automatisch die Umgebungsvariable PORT. Du brauchst sie nicht zu definieren oder fest in die Anwendung zu codieren.

Startbefehl

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

Lebenszyklus der Bereitstellung

Jedes Mal, wenn ein Deployment initiiert wird (durch das Erstellen einer Anwendung oder ein Re-Deployment aufgrund eines eingehenden Commits), wird der Befehl npm build ausgeführt, gefolgt von dem Befehl npm start.