Hosting Next.js
Next.js su un server tutto tuo
Ospita Next.js 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 Next.js
Scegli il preset Next.js 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 Next.js
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. Ti serve altro per avviare la tua app? Cambia il processo nella pagina Processi.
La tua app viene avviata dal processo App Next.js, 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 npm run startCosa ottieni per Next.js
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 Next.js
Su quale porta resta in ascolto la mia app Next.js?
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.
Supporta SSR, API route e App Router?
Sì. Il sito esegue next start, il server Next.js completo, quindi rendering lato server, API route, middleware e App Router funzionano come in locale.
Posso invece ospitare un export statico di Next.js?
Sì. Crea il sito con il preset HTML, imposta il comando di build e punta la Directory web alla cartella dell'export, come /out. 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 Next.js 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 Next.js 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.