Hosting Next.js: deploy con Git su un VPS a prezzo fisso

Cosa c'è installato sul tuo server Next.js?

• Coolify 4.6.0, un pannello open source che compila dal tuo repository GitHub e pubblica il risultato
• Strumento di build Railpack, che riconosce Next.js; Coolify lo indica come beta, e c'è anche l'opzione Dockerfile
• Docker e il reverse proxy Traefik, che ottiene e rinnova i certificati HTTPS
• Un account admin già pronto, con la procedura di benvenuto saltata e la registrazione pubblica chiusa
• Indirizzi sslip.io, così tutto si apre in HTTPS prima ancora di aggiungere un dominio
• 2 GB di swap e un firewall con le porte 22, 80, 443, 6001, 6002 e 8000 aperte

Che dimensione ti serve per Next.js?

Next.js non ha un valore ufficiale di RAM, e a fissare il requisito è più la build che l'app in esecuzione. Nei nostri test su server reali con 4 GB e 2 core, un'app di chat con IA e circa 85 pacchetti si è compilata in circa 3,7 minuti, con un picco di 3,5 GB di memoria, un po' di swap usato e 18 GB di disco riempiti. Con 2 GB quell'app ha esaurito la memoria durante il controllo TypeScript, anche se un piccolo esempio è passato. Parti da 4 GB e valuta 8 GB per i progetti con molti pacchetti. RAM e CPU possono salire o scendere in seguito, mentre il disco può solo crescere.

Per chi è?

• Chi rilascia un'app Next.js, scritta a mano o con strumenti di IA per il codice
• Chi preferisce sapere in anticipo il costo mensile invece di veder crescere un conto a consumo
• App con queue worker, WebSocket o risposte di IA di lunga durata
• Progetti che tengono il database sullo stesso server dell'app

Cosa succede dopo l'ordine?

1. Imposta la dimensione e completa il pagamento. Il server si avvia e Coolify si installa da solo. Nei nostri test su server reali ci sono voluti circa 12 minuti.
2. Nel pannello apri il tuo server da I miei server. Usa le righe Indirizzo del pannello, Email e Password della scheda Panoramica per accedere a Coolify.
3. Nella pagina Projects premi New resource. Per un repository pubblico scegli Public Git Repository e inserisci l'indirizzo.
4. Per un repository privato, genera una chiave nella pagina Private Keys, aggiungi la chiave pubblica in Deploy keys su GitHub e scegli Private Git Repository (with Deploy Key).
5. Inserisci le tue variabili nella pagina Environment Variables e premi Deploy. La pagina Domains ha un indirizzo di prova in HTTPS, e il tuo dominio si aggiunge lì.
6. Inserisci l'indirizzo e il segreto della pagina Webhooks dell'app nelle impostazioni Webhooks del repository su GitHub. Da quel momento ogni git push va online.

Con ogni server

• Backup giornalieri inclusi nel prezzo
• Traffico illimitato
• Accesso root completo
• Aumenta o riduci RAM e CPU in seguito, e ingrandisci il disco
• Sede: Istanbul · IST-1.

Da sapere

• Le variabili che iniziano con NEXT_PUBLIC_ vengono scritte nel codice del browser durante la build. Premi Redeploy quando ne cambi una e non dare mai quel prefisso a chiavi di modelli o di pagamento.
• Il container viene ricostruito a ogni deploy, quindi un file SQLite scritto al suo interno sparisce. Collega la sua cartella con Persistent Storage oppure crea un database PostgreSQL nel pannello.
• Coolify si connette al server via SSH come root con una chiave propria. Se disattivi del tutto l'accesso root o rimuovi la riga coolify da authorized_keys, i deploy smettono di funzionare.
• Quando il pannello funziona sul suo indirizzo HTTPS, puoi chiudere le porte 8000, 6001 e 6002. Docker ignora ufw, quindi si passa dal percorso Compose di Coolify, e la guida ha i passaggi.
• Gli aggiornamenti automatici di Coolify sono attivi per impostazione predefinita. Tenere aggiornati i pacchetti della tua app è compito tuo.
• Il server si trova in un solo posto, Istanbul. La latenza aumenta per i visitatori lontani e, se ti serve, puoi mettere una rete di distribuzione dei contenuti davanti al sito.