Next.js ohne VPS deployen: Railway, Render oder Droplet
Kein SSH und kein nginx für ein Next.js-Sideproject. Vergleich von Railway, Render, Vercel und einem VPS — dann aus Git deployen, nachdem Assets im Browser minifiziert wurden.
Die App ist fertig. Es fehlt eine URL.
Lokales next dev ist nicht Produktion. Ein VPS bedeutet SSH, Process-Manager, TLS und eine Nacht mit nginx. Für viele Sideprojects reicht Git rein, HTTPS raus — der Heroku-artige PaaS-Job. Dieser Guide vergleicht diesen Weg (Beispiel: Railway) mit Vercel, Render und einem klassischen Droplet, damit Sie eine Next.js-App hosten, ohne Sysadmin zu werden.
Wann ein VPS unnötige Arbeit ist
Die Plattform baut aus dem Repo, startet den Prozess, beendet TLS und startet nach einem Crash neu. Sie behalten Env-Vars, die Rechnung und die Reife der App. Sie patchen nicht Ubuntu.
Verbesserungen
Assets minifizieren und komprimieren, Secrets aus Git halten, Core Web Vitals prüfen — das bleibt. Ein PaaS ersetzt nicht gzip und Brotli am Origin oder ein CDN. Sie schreiben nur nicht selbst die nginx-Strophe.
SEO-Vorteile
Next.js auf Railway aus Git ausliefern
Railway erkennt Node (Nixpacks/Railpack). Eine Standard-Next.js-App mit Start-Skript reicht. GitHub statt Zip. Der Empfehlungslink oben gibt Ihnen aktuell 20 $ Guthaben bei der Anmeldung — das ist Railways Grant, kein FastMinify-Coupon, der Betrag kann sich ändern.
1. Repo, das ohne magische CI baut
package.json mit build und start (oder next start). Lockfile committed. Keine Secrets in Git-.env — Variablen in der Railway-UI.
2. Projekt von GitHub anlegen
Neues Railway-Projekt → Deploy from GitHub → Repo wählen. Der erste Deploy scheitert oft an einer fehlenden Env-Var; das ist normal. DATABASE_URL oder Keys setzen, neu deployen.
3. Generierte Domain, dann Ihre
Die URL *.up.railway.app zeigt, ob die App bootet. Eigene Domain danach. TLS wird für Sie ausgestellt.
4. Erste Rechnung lesen, nicht den Screenshot
Hobby enthält ein kleines Usage-Guthaben, Pro mehr. CPU, RAM und Egress über dem Plan werden pro Sekunde berechnet. Gestoppte Services kosten nichts. Railway-Preise lesen, bevor ein fetter Node-Prozess 24/7 läuft.
Checkliste
Dockerfile, wenn Nixpacks falsch liegt, ein Systempaket fehlt oder das Image schon Source of Truth ist. Zuerst im Browser linten: Dockerfile-Linter online (Hadolint-artige DL-Regeln, kein Build). Dazu der Dockerfile-Formatter.
Basis-Image pinnen
Kein FROM node:latest (DL3007). Distro-Tag pinnen. Railway baut das Dockerfile, wenn es im Repo-Root liegt.
Auf PORT hören
3000 nicht hart kodieren, wenn die Plattform PORT setzt. Next.js respektiert das mit next start -p $PORT oder gleichwertig.
Fehler, die den ersten PaaS-Deploy verbrennen
ENV AWS_SECRET= im Dockerfile oder eine committete .env landet in Logs und Layern. Railway-Variablen halten das Image generisch.
Merken — .env-Syntax mit dem FastMinify-Checker prüfen; niemals Live-Tokens in ein öffentliches Textfeld.
Auf Vercel ist Next.js-Serverless vorgegeben. Auf Railway läuft meist next start als langer Node-Prozess. output: 'standalone' hilft. Reines Vercel-Edge-Middleware erscheint nicht von allein.
Merken — Production-Build auf dem Laptop, bevor der erste PaaS-Push geht.
Ein PaaS minifiziert Ihr Client-JS nicht. Next tut das für die App, nicht für widget.js in public/. Dafür der JavaScript-Minifizierer online.
Merken — Transfer auf der Railway-URL messen, nicht nur auf localhost.
Bevor Sie auf Deploy klicken
FastMinify bleibt im Tab — nützlich, wenn das Repo auf dieser Maschine nicht geklont ist. Rest-CSS minifizieren, Dockerfile linten, Compose prüfen, falls Docker lokal noch läuft.
Railway rechnet Usage über Plan-Credits ab. Ein vergessener Service mit 2-GB-Node-Heap wird zur Überraschungsrechnung. Ungenutzte Services stoppen. Dieselbe Fehlerklasse wie ein nie gelöschtes Droplet — anderes Dashboard.
PaaS vs. Vercel vs. VPS
Vercel ist der kürzeste Weg für ein Next.js-Frontend. Ein VPS gewinnt bei Custom-Kernel, Mail, SSH. Railway liegt dazwischen: Git-Deploy, Usage-Billing, Platz für Worker und DB neben der App.
Wenn Sie brauchen
Starten Sie mit
Railway ist nicht die einzige Antwort
Eine Karte, kein Ranking. Preise und Free Tiers ändern sich — Vendor-Seite lesen.
Vercel
Vom Next.js-Team. Beste DX für App Router, Previews, Edge. Schwächer, wenn Sie einen langlebigen Worker oder eine klassische DB im selben Projekt ohne Extra-Vendor brauchen.
Vorteile:
Nachteile:
Render
Git-Deploys, Web Services, Postgres, Worker. Cousin von Railway. Nehmen Sie das Dashboard, auf dem Sie schon ein Konto haben.
Vorteile:
Nachteile:
DigitalOcean-Droplet (oder App Platform)
Ein Droplet ist ein VPS: Sie installieren Node, Caddy oder nginx, certbot, die Box gehört Ihnen. App Platform ist DigitalOceans PaaS. Besser, wenn Sie in SSH denken und eine eigene IPv4 wollen.
Vorteile:
Nachteile:
FastMinify vor der ersten Prod-URL
Next.js-Production-Builds minifizieren App-JS. Nicht ein widget.js in public/ und nicht ein CMS-Snippet. Nutzen Sie den JavaScript-Minifizierer online und den CSS-Minifizierer online. Vendor-Datei unlesbar: JavaScript-Unminifier online.
Baut Railway (oder jemand anderes) ein Dockerfile, zuerst linten. Compose lokal: Docker Compose online validieren. .env-Dateien auf doppelte Keys prüfen, bevor Namen in die PaaS-UI wandern. Alles im Hub DevOps-Tools online.
URL shippen, VPS für später behalten
Ist der Job ein Next.js-Sideproject plus vielleicht ein Worker, kostet ein PaaS weniger Abende als ein Droplet. Railway ist das durchgespielte Beispiel (Affiliate-Link). Vercel bleibt Default für reines Next.js-Frontend. Ein VPS bleibt die richtige störrische Wahl, wenn Sie SSH wollen. Reste minifizieren und Dockerfiles linten in FastMinify sowieso — kostenlos und lokal.
Verwandte Artikel
Text, Datei oder Bild im Browser nach Base64 wandeln (und zurück) — Data-URI, E-Mail-Anhang, JWT-Segment. 100 % lokal, keine Verschlüsselung.
SCSS- oder LESS-Snippets (Variablen, Nesting, Mixins) im Browser zu CSS kompilieren — ohne npm run build, ideal für Reviews und Umgebungen ohne Node.
Zu geringer Kontrast zwischen Text und Hintergrund ist der häufigste Barrierefreiheitsfehler im Web. Prüfen Sie AA/AAA, indem Sie einfach zwei Farben einfügen — kein Plugin, keine Erweiterung nötig.