Next.js Hosting
Next.js auf einem Server, der dir gehört
Hoste Next.js selbst, auf einem Server in deinem eigenen Cloud-Konto. Jeder Push wird in einem frischen Release gebaut, Supervisor hält deine App auf ihrem eigenen Port hinter Nginx am Laufen, und der neue Build geht ohne Downtime live, mit kostenlosem HTTPS.
In drei Schritten vom Repository in die Produktion
- 1
Server erstellen
Bei Hetzner Cloud, DigitalOcean, Vultr, Akamai, AWS oder Google Cloud oder auf jedem Ubuntu-24.04-VPS. App- und Webserver bringen Node.js 22, npm, Nginx und Supervisor mit.
- 2
Next.js-Site anlegen
Wähle die Next.js-Vorlage und dein Repository. Die Site bekommt einen freien lokalen Port ab 3000, an den Nginx weiterleitet, und einen Prozess, der deine App darauf betreibt.
- 3
Pushen
Jeder Push installiert die Pakete und führt
npm run buildin einem neuen Release aus. Dann schaltetcurrentum, und deine App startet mit dem neuen Build neu.
Deploy-Skript
Das Standard-Deploy-Skript für Next.js
Es installiert genau deine Lockfile, falls vorhanden, und baut dann. Wähle beim Anlegen der Site npm, yarn, pnpm oder bun als Paketmanager; yarn und pnpm laufen über Corepack. Soll deine App anders starten? Ändere den Prozess auf der Seite Prozesse.
Deine App selbst startet der Prozess Next.js-App, als Benutzer der Site im Live-Release, mit PORT auf den Port der Site gesetzt:
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 startDas bekommst du für Next.js
Ein Prozess, der läuft und läuft
Supervisor startet deine App beim Booten und startet sie neu, falls sie abstürzt. Jeder Deploy startet sie neu, sodass sie immer den neuesten Build ausliefert.
Nginx davor
Nginx leitet jeden Request an deine App auf
127.0.0.1und dem Port der Site weiter, mit deinen Domains, Weiterleitungen und kostenlosen Let's-Encrypt-Zertifikaten.Zero Downtime und Rollbacks
Ein fehlgeschlagener Build ändert nichts am Live-Betrieb. Die neuesten fünf Releases bleiben auf dem Server, deshalb wirkt Zurücksetzen sofort.
Umgebungsvariablen
Speichere eine
.envauf der Seite Umgebung; sie wird verschlüsselt gespeichert und in jedes Release verlinkt. Deploye erneut, wenn du Werte änderst, die dein Build fest einbaut.Monorepos und private Pakete
Richte die Site mit dem Stammverzeichnis auf den Ordner deiner App aus. Ein Token für eine private npm-Registry wird nur während des Builds genutzt.
Weitere Prozesse
Füge auf der Seite Prozesse der Site eigene Prozesse neben der App hinzu, etwa einen Queue-Consumer.
Jeder Deploy in einer Liste
Die Seite Deployments listet jeden Deploy mit seinem Commit, wer ihn gestartet hat und wie lange er gedauert hat. Deploye per Push, rufe die Deploy-URL aus der CI auf oder klicke auf Jetzt deployen.
Fragen zum Next.js Hosting
Auf welchem Port lauscht meine Next.js-App?
Auf dem eigenen Port der Site, ab 3000, der deiner App als PORT übergeben wird. Du änderst ihn in den Einstellungen der Site unter Port deiner App; der Prozess zieht mit um und startet neu.
Werden SSR, API-Routen und der App Router unterstützt?
Ja. Die Site führt next start aus, den vollständigen Next.js-Server, sodass Server-Rendering, API-Routen, Middleware und der App Router genauso funktionieren wie lokal.
Kann ich stattdessen einen statischen Next.js-Export hosten?
Ja. Lege die Site mit der Vorlage HTML an, setze den Build-Befehl und richte das Web-Verzeichnis auf den Export-Ordner aus, etwa /out. Dann liefert Nginx die Dateien aus, und es läuft kein Node.js-Prozess.
Welche Node.js-Version ist installiert?
App- und Webserver bekommen Node.js 22 mit npm, von NodeSource.
Kann ich Next.js und ein PHP-Backend auf demselben Server betreiben?
Ja. Ein Server nimmt so viele Sites auf, wie er Platz hat, jede mit eigener Domain und Nginx-Konfiguration, zum Beispiel ein Next.js-Frontend neben einer Laravel-API.
Was kostet es?
Der kostenlose Tarif umfasst 1 Server und 3 Sites mit allen Funktionen. Premium kostet 15 € pro Monat und Organisation, ohne Grenzen. Deine Server rechnet dein Cloud-Anbieter ab.
Verwandte Seiten
- NuxtNuxt auf deinem eigenen Server: beim Deploy gebaut, als Node.js-Prozess hinter Nginx betrieben.
- DeploymentsReleases ohne Downtime, Push to Deploy, Deploy-URLs für die CI und Rollbacks mit einem Klick.
- Hetzner CloudServer in Deutschland, Finnland, den USA und Singapur, mit DNS und Backups in Object Storage.
Dein nächster Deploy ist live, bevor dein Kaffee fertig ist.
Erstelle eine Organisation, verbinde einen Server und pushe. Mehr nicht.