Next.js hosting
Next.js op een server van jezelf
Host Next.js 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.
Van repository naar productie in drie stappen
- 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
Maak een Next.js-site aan
Kies de Next.js-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
Push
Elke push installeert de packages en voert
npm run builduit in een nieuwe release. Daarna schakeltcurrentover en herstart je app op de nieuwe build.
Deployscript
Het standaard deployscript voor Next.js
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. Moet je app anders starten? Pas het proces aan op de pagina Processen.
Je app zelf wordt gestart door het proces Next.js app, als de gebruiker van de site in de live release, met PORT ingesteld op de poort van de site:
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 startWat je krijgt voor Next.js
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.1en 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
.envop 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.
Vragen over Next.js hosting
Op welke poort luistert mijn Next.js-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.
Werken SSR, API-routes en de App Router?
Ja. De site draait next start, de volledige Next.js-server, dus server-side rendering, API-routes, middleware en de App Router werken net als lokaal.
Kan ik ook een statische Next.js-export hosten?
Ja. Maak de site aan met de preset HTML, stel het build-commando in en wijs de Webmap naar de exportmap, zoals /out. 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 Next.js 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 Next.js-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.