Naar de inhoud
Vimonto Deploy
Taal
Aan de slag
Menu

Nuxt hosting

Nuxt op een server van jezelf

Host Nuxt zelf op een server in je eigen cloudaccount. Elke push wordt gebouwd in een verse release, Supervisor houdt je app draaiende op een eigen poort achter Nginx, en de nieuwe build gaat zonder downtime live, met gratis HTTPS.

Begin met deployenEen Node.js-app draaien

Van repository naar productie in drie stappen

  1. 1

    Maak een server aan

    Bij Hetzner Cloud, DigitalOcean, Vultr, Akamai, AWS of Google Cloud, of op elke Ubuntu 24.04-VPS. App- en webservers krijgen Node.js 22, npm, Nginx en Supervisor.

  2. 2

    Maak een Nuxt-site aan

    Kies de Nuxt-preset en je repository. De site krijgt een vrije lokale poort, vanaf 3000, waar Nginx naar doorstuurt, en een proces dat je app daarop draait.

  3. 3

    Push

    Elke push installeert de packages en voert npm run build uit in een nieuwe release. Daarna schakelt current over en herstart je app op de nieuwe build.

Deployscript

Het standaard deployscript voor Nuxt

Het installeert precies je lockfile als die er is, en bouwt daarna. Kies bij het aanmaken van de site npm, yarn, pnpm of bun als packagemanager; yarn en pnpm draaien via Corepack. Het standaardproces draait de Nitro-server uit .output/; pas het aan op de pagina Processen als je Nuxt op een andere manier start.

Je app zelf wordt gestart door het proces Nuxt app, als de gebruiker van de site in de live release, met PORT ingesteld op de poort van de site:

Deployscript — standaard voor Nuxt
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

Wat je krijgt voor Nuxt

  • Een proces dat blijft draaien

    Supervisor start je app bij het opstarten van de server en herstart hem als hij crasht. Elke deploy herstart hem, zodat hij altijd de nieuwste build serveert.

  • Nginx ervoor

    Nginx stuurt elk verzoek door naar je app op 127.0.0.1 en de poort van de site, met je domeinen, doorverwijzingen en gratis Let's Encrypt-certificaten.

  • Geen downtime en terugzetten

    Een mislukte build verandert niets aan de live site. De nieuwste vijf releases blijven op de server staan, dus Terugzetten gaat direct.

  • Omgevingsvariabelen

    Sla een .env op via de pagina Omgeving; die wordt versleuteld bewaard en in elke release gekoppeld. Deploy opnieuw na het wijzigen van waarden die je build inbakt.

  • Monorepo's en privépackages

    Wijs de site met Hoofdmap naar de map van je app. Een token voor een privé npm-registry wordt alleen tijdens de build gebruikt.

  • Meer processen

    Voeg naast de app je eigen processen toe, zoals een queue consumer, via de pagina Processen van de site.

Elke deploy in één lijst

De pagina Deployments toont elke deploy met zijn commit, wie hem startte en hoe lang hij duurde. Push om te deployen, roep vanuit CI de deploy-URL aan of klik op Deployen.

De pagina Deployments van een site in Vimonto Deploy met het deployscript, de deploy-URL en de lijst met recente deploys

Vragen over Nuxt hosting

Op welke poort luistert mijn Nuxt-app?

De eigen poort van de site, vanaf 3000, die als PORT aan je app wordt doorgegeven. Je wijzigt hem in de instellingen van de site bij Poort van je app; het proces verhuist mee en herstart.

Hoe wordt de Nuxt-server gestart?

Met node .output/server/index.mjs, de Nitro-server die nuxt build maakt, in de live release. Nginx geeft elk verzoek daaraan door.

Kan ik een statisch gegenereerde Nuxt-site hosten?

Ja. Maak de site aan met de preset HTML, stel het build-commando in op npm run generate en wijs de Webmap naar /.output/public. Nginx serveert dan de bestanden en er draait geen Node.js-proces.

Welke Node.js-versie wordt geïnstalleerd?

App- en webservers krijgen Node.js 22 met npm, van NodeSource.

Kan ik Nuxt en een PHP-backend op dezelfde server draaien?

Ja. Een server bevat zoveel sites als er ruimte voor is, elk met een eigen domein en Nginx-configuratie, bijvoorbeeld een Nuxt-frontend naast een Laravel-API.

Wat kost het?

Het gratis plan omvat 1 server en 3 sites, met alle functies. Premium kost € 15 per maand per organisatie, zonder limieten. Je servers worden gefactureerd door je cloudprovider.

Gerelateerde pagina’s

Je volgende deploy kan live zijn voordat je koffie koud is.

Maak een organisatie aan, koppel een server en push. Meer is het niet.

Begin met deployenLees de documentatie