Zum Inhalt springen
Vimonto Deploy
Sprache
Loslegen
Menü

Nuxt Hosting

Nuxt auf einem Server, der dir gehört

Hoste Nuxt selbst, auf einem Server in deinem eigenen Cloud-Konto. Jeder Push wird in einem frischen Release gebaut, Supervisor hält deine App auf ihrem eigenen Port hinter Nginx am Laufen, und der neue Build geht ohne Downtime live, mit kostenlosem HTTPS.

Jetzt deployenEine Node.js-App betreiben

In drei Schritten vom Repository in die Produktion

  1. 1

    Server erstellen

    Bei Hetzner Cloud, DigitalOcean, Vultr, Akamai, AWS oder Google Cloud oder auf jedem Ubuntu-24.04-VPS. App- und Webserver bringen Node.js 22, npm, Nginx und Supervisor mit.

  2. 2

    Nuxt-Site anlegen

    Wähle die Nuxt-Vorlage und dein Repository. Die Site bekommt einen freien lokalen Port ab 3000, an den Nginx weiterleitet, und einen Prozess, der deine App darauf betreibt.

  3. 3

    Pushen

    Jeder Push installiert die Pakete und führt npm run build in einem neuen Release aus. Dann schaltet current um, und deine App startet mit dem neuen Build neu.

Deploy-Skript

Das Standard-Deploy-Skript für Nuxt

Es installiert genau deine Lockfile, falls vorhanden, und baut dann. Wähle beim Anlegen der Site npm, yarn, pnpm oder bun als Paketmanager; yarn und pnpm laufen über Corepack. Der Standardprozess startet den Nitro-Server aus .output/; ändere ihn auf der Seite Prozesse, wenn du Nuxt anders startest.

Deine App selbst startet der Prozess Nuxt-App, als Benutzer der Site im Live-Release, mit PORT auf den Port der Site gesetzt:

Deploy-Skript — Nuxt-Standard
if [ -f package-lock.json ]; then npm ci; else npm install; fi
npm run build

# The process that runs your app, for port 3000:
# env PORT=3000 node .output/server/index.mjs

Das bekommst du für Nuxt

  • Ein Prozess, der läuft und läuft

    Supervisor startet deine App beim Booten und startet sie neu, falls sie abstürzt. Jeder Deploy startet sie neu, sodass sie immer den neuesten Build ausliefert.

  • Nginx davor

    Nginx leitet jeden Request an deine App auf 127.0.0.1 und dem Port der Site weiter, mit deinen Domains, Weiterleitungen und kostenlosen Let's-Encrypt-Zertifikaten.

  • Zero Downtime und Rollbacks

    Ein fehlgeschlagener Build ändert nichts am Live-Betrieb. Die neuesten fünf Releases bleiben auf dem Server, deshalb wirkt Zurücksetzen sofort.

  • Umgebungsvariablen

    Speichere eine .env auf der Seite Umgebung; sie wird verschlüsselt gespeichert und in jedes Release verlinkt. Deploye erneut, wenn du Werte änderst, die dein Build fest einbaut.

  • Monorepos und private Pakete

    Richte die Site mit dem Stammverzeichnis auf den Ordner deiner App aus. Ein Token für eine private npm-Registry wird nur während des Builds genutzt.

  • Weitere Prozesse

    Füge auf der Seite Prozesse der Site eigene Prozesse neben der App hinzu, etwa einen Queue-Consumer.

Jeder Deploy in einer Liste

Die Seite Deployments listet jeden Deploy mit seinem Commit, wer ihn gestartet hat und wie lange er gedauert hat. Deploye per Push, rufe die Deploy-URL aus der CI auf oder klicke auf Jetzt deployen.

Die Seite Deployments einer Site in Vimonto Deploy mit dem Deploy-Skript, der Deploy-URL und der Liste der letzten Deploys

Fragen zum Nuxt Hosting

Auf welchem Port lauscht meine Nuxt-App?

Auf dem eigenen Port der Site, ab 3000, der deiner App als PORT übergeben wird. Du änderst ihn in den Einstellungen der Site unter Port deiner App; der Prozess zieht mit um und startet neu.

Wie wird der Nuxt-Server gestartet?

Mit node .output/server/index.mjs, dem Nitro-Server, den nuxt build erzeugt, im Live-Release. Nginx reicht jeden Request an ihn weiter.

Kann ich eine statisch generierte Nuxt-Site hosten?

Ja. Lege die Site mit der Vorlage HTML an, setze den Build-Befehl auf npm run generate und richte das Web-Verzeichnis auf /.output/public aus. Dann liefert Nginx die Dateien aus, und es läuft kein Node.js-Prozess.

Welche Node.js-Version ist installiert?

App- und Webserver bekommen Node.js 22 mit npm, von NodeSource.

Kann ich Nuxt und ein PHP-Backend auf demselben Server betreiben?

Ja. Ein Server nimmt so viele Sites auf, wie er Platz hat, jede mit eigener Domain und Nginx-Konfiguration, zum Beispiel ein Nuxt-Frontend neben einer Laravel-API.

Was kostet es?

Der kostenlose Tarif umfasst 1 Server und 3 Sites mit allen Funktionen. Premium kostet 15 € pro Monat und Organisation, ohne Grenzen. Deine Server rechnet dein Cloud-Anbieter ab.

Verwandte Seiten

Dein nächster Deploy ist live, bevor dein Kaffee fertig ist.

Erstelle eine Organisation, verbinde einen Server und pushe. Mehr nicht.

Jetzt deployenDoku lesen