Hosting Nuxt
Nuxt su un server tutto tuo
Ospita Nuxt su un server nel tuo account cloud. Ogni push viene compilato in una release nuova, Supervisor tiene attiva la tua app sulla sua porta dietro Nginx e la nuova build va online senza downtime, con HTTPS gratuito.
Dal repository alla produzione in tre passaggi
- 1
Crea un server
Su Hetzner Cloud, DigitalOcean, Vultr, Akamai, AWS o Google Cloud, oppure su qualsiasi VPS Ubuntu 24.04. App server e web server includono Node.js 22, npm, Nginx e Supervisor.
- 2
Crea un sito Nuxt
Scegli il preset Nuxt e il tuo repository. Il sito riceve una porta locale libera, da 3000 in su, verso cui Nginx inoltra le richieste, e un processo che ci fa girare la tua app.
- 3
Fai push
Ogni push installa i pacchetti ed esegue
npm run buildin una nuova release. Poicurrentpassa alla nuova versione e la tua app si riavvia sulla nuova build.
Script di deploy
Lo script di deploy predefinito per Nuxt
Installa esattamente il tuo lockfile, se c'è, poi esegue la build. Scegli npm, yarn, pnpm o bun come package manager quando crei il sito; yarn e pnpm girano tramite Corepack. Il processo predefinito esegue il server Nitro da .output/; cambialo nella pagina Processi se avvii Nuxt in un altro modo.
La tua app viene avviata dal processo App Nuxt, con l'utente del sito nella release attiva e con PORT impostata sulla porta del sito:
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.mjsCosa ottieni per Nuxt
Un processo sempre attivo
Supervisor avvia la tua app al boot e la riavvia se va in crash. Ogni deploy la riavvia, così serve sempre la build più recente.
Nginx davanti
Nginx inoltra ogni richiesta alla tua app su
127.0.0.1e sulla porta del sito, con i tuoi domini, i redirect e certificati Let's Encrypt gratuiti.Zero downtime e rollback
Una build fallita non cambia nulla online. Le cinque release più recenti restano sul server, quindi il Rollback è immediato.
Variabili d'ambiente
Salva un
.envnella pagina Ambiente: viene conservato cifrato e collegato in ogni release. Rifai il deploy dopo aver cambiato valori che la build incorpora.Monorepo e pacchetti privati
Punta il sito alla cartella della tua app con Directory root. Il token di un registry npm privato viene usato solo durante la build.
Altri processi
Aggiungi i tuoi processi accanto all'app, come un consumer di code, dalla pagina Processi del sito.
Tutti i deploy in un'unica lista
La pagina Deployment elenca ogni deploy con il suo commit, chi l'ha avviato e quanto è durato. Fai push per il deploy, chiama l'URL di deploy dalla CI o clicca Fai il deploy.
Domande sull'hosting Nuxt
Su quale porta resta in ascolto la mia app Nuxt?
Sulla porta del sito, da 3000 in su, passata alla tua app come PORT. Cambiala nelle impostazioni del sito, alla voce Porta della tua app; il processo la segue e si riavvia.
Come viene avviato il server Nuxt?
Con node .output/server/index.mjs, il server Nitro prodotto da nuxt build, nella release attiva. Nginx gli passa ogni richiesta.
Posso ospitare un sito Nuxt generato staticamente?
Sì. Crea il sito con il preset HTML, imposta il comando di build su npm run generate e punta la Directory web a /.output/public. A quel punto Nginx serve i file e non gira alcun processo Node.js.
Quale versione di Node.js viene installata?
App server e web server ricevono Node.js 22 con npm, da NodeSource.
Posso far girare Nuxt e un backend PHP sullo stesso server?
Sì. Un server ospita tutti i siti per cui ha spazio, ognuno con il proprio dominio e la propria configurazione Nginx, per esempio un frontend Nuxt accanto a un'API Laravel.
Quanto costa?
Il piano gratuito comprende 1 server e 3 siti con tutte le funzionalità. Premium costa 15 € al mese per organizzazione, senza limiti. I tuoi server li fattura il tuo provider cloud.
Pagine correlate
Il tuo prossimo deploy potrebbe essere online prima che finisca il caffè.
Crea un’organizzazione, collega un server e fai push. Tutto qui.