DE
Anmelden Konto erstellen

Next.js auf dem eigenen Server oder bei Vercel? Was sich mehr lohnt

Next.js bei Vercel oder auf dem eigenen Server? Wir vergleichen die Preise der Hobby- und Pro-Pläne, die Kosten für ein Team von 1, 3 und 5 Personen, Funktionen, die auch außerhalb von Vercel funktionieren, und zeigen den Umzug Schritt für Schritt.

Grzegorz Kalmus ·

Die Rechnung von Vercel ist für das erste Projekt gleich null. Bei einem ersten kommerziellen Projekt mit einem dreiköpfigen Team sind es bereits 60 Dollar pro Monat allein für die Arbeitsplätze, noch bevor jemand den Transfer, Funktionsaufrufe und die CPU-Zeit berechnet. Daher stellt sich in jedem Unternehmen, dessen Anwendung begonnen hat, Geld zu verdienen, die Frage „Next.js auf Vercel oder auf dem eigenen Server?"

In diesem Leitfaden vergleichen wir beide Wege objektiv: Was genau du bei Vercel bezahlst, was auf deinem eigenen Server genauso funktioniert, was du nach einem Umzug erwarten musst und wann es besser ist, dort zu bleiben, wo du bist.

Inhaltsverzeichnis

  1. Was kostet Vercel 2026 wirklich?
  2. Was bedeutet Next.js auf dem eigenen Server?
  3. Funktionieren alle Next.js Features außerhalb von Vercel?
  4. Kostenvergleich: 1, 3 und 5 Personen im Team
  5. Wann solltest du bei Vercel bleiben?
  6. Wie migrierst du Next.js Schritt für Schritt von Vercel?
  7. Zusammenfassung
  8. FAQ

Wie viel kostet Vercel wirklich im Jahr 2026?

Vercel bietet drei Pläne an. Gemäß der Preisliste auf vercel.com (Stand: Oktober 2026, Preise in US-Dollar netto):

Plan Preis Was ist enthalten Was über das Limit hinausgeht
Hobby 0 USD 100 GB Traffic, 1 Mio. CDN-Anfragen, 1 Mio. Funktionsaufrufe, 4 Stunden aktive CPU pro Monat keine zusätzlichen Kosten, das Projekt wird gestoppt
Pro 20 USD pro Entwickler-Arbeitsplatz / Monat 1 TB Traffic, 10 Mio. CDN-Anfragen, Guthaben für die Nutzung ab 0,15 USD pro GB Traffic, ab 2 USD für weitere 1 Mio. Anfragen, ab 0,60 USD für 1 Mio. Funktionsaufrufe, ab 0,128 USD pro CPU-Stunde
Enterprise individuelles Angebot SLA, Support, Sicherheit verhandelbar

Zwei Dinge werden oft übersehen.

Der Hobby-Plan ist für private Projekte gedacht. Die Vercel-Regeln erlauben keine kommerzielle Nutzung. Eine Unternehmenswebsite, ein Shop oder eine Kundenanwendung erfordern formal einen Pro-Plan, selbst wenn der Traffic innerhalb der kostenlosen Limits liegt.

Der Pro-Plan wächst gleichzeitig mit dem Team und dem Traffic. Jede Person, die Code bereitstellt, kostet zusätzliche 20 USD. Hinzu kommt der Verbrauch: Traffic, Anfragen, Laufzeit von Server-Funktionen. Bei einer Website mit vielen Bildern oder einer Anwendung, die viel serverseitig rendert, kann sich die Rechnung von Monat zu Monat ändern. Genau diese Unvorhersehbarkeit ist der häufigste Grund für einen Umzug, nicht die Grundgebühr selbst.

Was bedeutet Next.js auf deinem eigenen Server?

Next.js ist ein Open-Source-Framework. Vercel entwickelt es, aber die Anwendung kann überall dort ausgeführt werden, wo Node.js läuft. Das Setup ist einfach:

  • npm run build erstellt die Anwendung,
  • npm start (d. h. next start) startet den Node-Server auf dem ausgewählten Port,
  • der Webserver (normalerweise nginx) empfängt den Traffic von der Domain, beendet SSL und leitet Anfragen an den Node-Prozess weiter,
  • ein Prozessmanager (supervisor, systemd oder pm2) stellt sicher, dass die Anwendung nach einem Fehler und nach einem Neustart des Servers wieder hochfährt.

Auf einem normalen VPS konfigurierst du all dies selbst: Du installierst Node, schreibst die nginx-Konfiguration, besorgst dir ein Let's Encrypt-Zertifikat, richtest die automatische Verlängerung ein und schreibst ein Bereitstellungsskript. Das sind ein paar Stunden Arbeit am Anfang und ständige Überwachung danach.

Bei Saplo ist dieses Setup fertig. Die Next.js Rezeptur im App-Katalog macht genau das, was wir oben beschrieben haben: Sie installiert Abhängigkeiten, erstellt die Anwendung, startet npm start unter Supervisor mit automatischem Neustart und verbindet nginx mit einem SSL-Zertifikat mit deiner Domain. Jede Box ist ein separater Container, sodass deine Anwendung keine Prozesse mit fremden Websites teilt.

Funktionieren alle Next.js-Funktionen außerhalb von Vercel?

Die meisten davon ja. Dies ist die häufigste Sorge und es lohnt sich, sie konkret zu entschärfen.

Funktioniert genauso über next start:

  • Serverseitiges Rendering (SSR) und Serverkomponenten im App Router,
  • Statische Seiten und ISR, d.h. die Aktualisierung statischer Seiten im Hintergrund (der Cache wird auf der Festplatte des Servers gespeichert),
  • Route Handler und API Routes, d.h. eigene Endpunkte in der Anwendung,
  • Server Actions,
  • Middleware,
  • Bildoptimierung mittels next/image (in neueren Next.js-Versionen wird die sharp Bibliothek automatisch installiert).

Erfordert einen Ersatz oder bleibt auf Vercel:

  • Die Datenspeicherdienste von Vercel (Blob, Edge Config, Datenbanken vom Marktplatz) müssen durch etwas anderes ersetzt werden, zum Beispiel eine PostgreSQL-Datenbank oder einen S3-kompatiblen Dateispeicher.
  • Vercel Analytics und Speed Insights werden durch andere Analysetools ersetzt.
  • Vorschau-Deployments für jeden Branch und Pull Request sind eine praktische Vercel-Funktion, die in dieser Form auf einem typischen Server nicht verfügbar ist.
  • Funktionen, die in mehreren Regionen der Welt gleichzeitig ausgeführt werden. Auf einem eigenen Server läuft die Anwendung an einem Ort.

In der Praxis: Eine typische Unternehmenswebsite, ein Blog, ein Headless-Shop oder ein Kundenpanel kann ohne Codeänderungen verschoben werden. Wenn die Anwendung stark auf die Datenspeicherdienste von Vercel angewiesen ist, bedeutet ein Umzug auch eine Änderung dieser Integrationen.

Kostenvergleich: 1, 3 und 5 Personen im Team

Hierzufinden ist eine Kostenaufstellung für eine Next.js-Anwendung mit moderatem Traffic, die innerhalb der Pro-Limits liegt. Die Vercel-Beträge werden zu einem Kurs von etwa 8 € pro Dollar umgerechnet und auf Jahresbasis angegeben, da Saplo so abrechnet.

Team Vercel Pro (nur Arbeitsplätze) Saplo Box M Saplo Box L
1 Person ca. 202 € / Jahr 63 € / Jahr 136 € / Jahr
3 Personen ca. 605 € / Jahr 63 € / Jahr 136 € / Jahr
5 Personen ca. 1009 € / Jahr 63 € / Jahr 136 € / Jahr

Bei Vercel kommen zu diesen Beträgen noch die Kosten für den Verbrauch über das Planlimit hinaus hinzu. Bei Saplo hängt der Preis für die Box nicht von der Anzahl der Personen im Team oder der Anzahl der Implementierungen ab. Du bezahlst für die Ressourcen: Arbeitsspeicher, Speicherplatz und Prozessor. Der Preis für den ersten Zeitraum ist der gleiche wie der Preis für die Verlängerung.

Welche Box sollst du wählen? Die Next.js-Rezeptur erfordert mindestens 512 MB Speicher und 2 GB Festplattenspeicher, aber in der Praxis gilt:

  • Box S (27 € / Jahr, 1 GB RAM, 15 GB SSD) reicht für eine kleine Unternehmenswebsite oder einen Landingpage. Der Zugriff erfolgt über das Panel und SFTP, ohne SSH.
  • Box M (63 € / Jahr, 2 GB RAM, 30 GB SSD) ist ein vernünftiger Start für Anwendungen mit SSR. Es bietet SSH-Zugriff mit Schlüssel und vollem Sudo.
  • Box L (136 € / Jahr, 6 GB RAM, 60 GB SSD) bietet genügend Spielraum für mehrere Anwendungen in einer Box, zum Beispiel ein Next.js-Frontend plus API und Datenbank, sowie Backups für 7 Tage.

Größere Pläne, Box XL und Box XXL, haben eine längere Backup-Historie (14 und 30 Tage) und mehr Speicher. Aktuelle Parameter findest du in der Preisliste.

Ein ehrlicher Hinweis: Das Erstellen von Next.js (npm run build) verbraucht viel Speicher. Bei einer großen Anwendung mit vielen Seiten reichen 1 GB möglicherweise nicht für den Build selbst aus, auch wenn die laufende Anwendung problemlos darin Platz findet. Dann ist Box M die bessere Wahl.

Wann solltest du bei Vercel bleiben?

Ein Umzug ist nicht immer sinnvoll. Bleib bei Vercel, wenn:

  • dein Projekt privat ist und in den kostenlosen Hobby-Plan passt,
  • dein Team intensiv Vorschaubereitstellungen für jeden Pull Request nutzt und dies der Kern eures Überprüfungsprozesses ist,
  • deine Anwendung Benutzer auf mehreren Kontinenten bedient und Funktionen benötigt, die in der Nähe jedes Benutzers ausgeführt werden,
  • deine Anwendung stark mit Blob, Edge Config und anderen Vercel-Diensten verknüpft ist und eine Neuschreibung der Integration mehr kosten würde als die jährliche Ersparnis.

Zieh um, wenn:

  • du für Pro-Plätze bezahlst und die Rechnung mit jeder neuen Person steigt,
  • du im Voraus nicht weißt, wie viel du in einem bestimmten Monat bezahlen wirst,
  • du neben Next.js auch eine Datenbank, ein API in Django oder Node, n8n oder WordPress hosten und dafür nur einmal bezahlen möchtest,
  • deine Benutzer hauptsächlich in Polen und Europa sind, sodass ein Server in Europa vollkommen ausreicht.

Next.js Schritt für Schritt von Vercel migrieren - so geht's

Schritt 1. Prüfe, was du von Vercel verwendest

Gehe package.json und deinen Code durch. Suche nach den Paketen @vercel/blob, @vercel/kv, @vercel/edge-config, @vercel/analytics. Jedes von ihnen ist eine Integration, die ersetzt werden muss. Überprüfe auch die Datei vercel.json: Übertrage Weiterleitungen und Header in next.config.js (Abschnitte redirects und headers), da sie dort unabhängig vom Hosting funktionieren.

Schritt 2. Umgebungsvariablen erfassen

Im Vercel-Panel, in den Projekteinstellungen, findest du eine Liste der Umgebungsvariablen. Kopiere die Produktionswerte. Bei Saplo kannst du sie für die Anwendung im Panel (Tab "Variablen und Geheimnisse") oder über die Saplo CLI festlegen.

Schritt 3. Erstelle eine Next.js App auf Saplo

Wähle im Panel Next.js aus dem App-Katalog und weise Box zu. Die Anwendung erhält sofort eine Adresse in der Domain saploapp.pl mit einem SSL-Zertifikat, sodass du testen kannst, bevor du den DNS startest.

Schritt 4: Verbinde dein GitHub-Repository

Klicke in den App-Details auf „GitHub verbinden“ und installiere die Saplo Deploy-App für das ausgewählte Repository. Die Konfigurationsdatei saplo.yaml muss sich im Stammverzeichnis des Repositories befinden. Am einfachsten ist es, sie mit dem Befehl saplo init aus dem Saplo CLI zu generieren, zu commiten und zu pushen.

Von nun an löst jeder git push auf den Produktionszweig (standardmäßig main) einen Build und eine Bereitstellung aus. Der gesamte Zyklus dauert in der Regel ein bis drei Minuten, und der Status wird mit einem grünen oder roten Punkt neben dem Commit auf GitHub angezeigt. Pushes auf andere Branches werden ignoriert, sodass du auf Branches arbeiten kannst, ohne das Risiko einer versehentlichen Bereitstellung einzugehen. Derselbe Mechanismus funktioniert für jede JavaScript-Anwendung, wir haben ihn auf der Seite Node.js-Hosting mit Git-Deployment beschrieben.

Schritt 5. Testen unter einer temporären Adresse

Gehe die wichtigsten Pfade durch: Homepage, Formulare, Login, dynamische Seiten, Bilder. Achte auf alles, was in Schritt 1 die Dienste von Vercel genutzt hat.

Schritt 6. Domain verknüpfen

Füge im Control Panel deine eigene Domain zur Anwendung hinzu und ändere die DNS-Einträge bei deinem Registrar gemäß den Anweisungen im Panel. Das SSL-Zertifikat wird automatisch ausgestellt. Bevor du die DNS änderst, reduziere die TTL der Einträge auf wenige Minuten. Lasse das Projekt nach der Umstellung noch ein bis zwei Tage auf Vercel, bis alle Besucher auf den neuen Server geleitet werden.

Schritt 7: Deaktiviere das Projekt auf Vercel

Sobald der gesamte Traffic auf Saplo umgeleitet wurde, entferne die Domain aus deinem Vercel-Projekt und downloade dein Paket oder kündige die Team-Slots. Erst dieser Schritt senkt deine Rechnung wirklich.

Wenn du das nicht selbst tun möchtest, migriert Saplo Projekte im Rahmen einer kostenlosen Migration. Du musst lediglich beschreiben, was migriert werden soll.

Fazit

Vercel ist großartig für den Anfang und für Teams, die Vorschaubilder für jeden Zweig und ein globales Funktionsnetzwerk benötigen. Allerdings steigen die Kosten mit dem Team und dem Traffic, und die Rechnung ist schwer vorhersehbar.

Next.js auf einem eigenen Server bietet die gleichen Grundfunktionen: SSR, ISR, API, Server Actions, Middleware und Bildoptimierung. Bei Saplo musst du dabei nginx, Node und Zertifikate nicht selbst einrichten. Die Next.js-Rezeptur erledigt das für dich, Deployments erfolgen über git push, und der Preis hängt von den Ressourcen ab, nicht von der Anzahl der Personen. Für ein dreiköpfiges Team beträgt der Unterschied in der Praxis über 470 € pro Jahr. Details zu den Plänen findest du in der Preisliste.

FAQ

Funktioniert Next.js ohne Vercel?

Ja. Next.js ist ein offenes Framework und läuft auf jedem Server mit Node.js. Nach dem Erstellen der Anwendung mit dem Befehl npm run build startest du sie über npm start. SSR, ISR, API Routes, Server Actions und Middleware funktionieren genauso.

Kann ich den kostenlosen Vercel Hobby Plan für eine Unternehmenswebsite nutzen?

Nein. Der Hobby Plan ist für private und nicht-kommerzielle Projekte gedacht. Eine Unternehmenswebsite, ein Shop oder ein Kundenprojekt erfordern den Pro Plan, der 20 USD pro Monat für jeden Entwicklerarbeitsplatz zuzüglich des Verbrauchs über dem Limit kostet.

Wie viel Arbeitsspeicher benötigt Next.js auf einem Server?

Eine laufende Anwendung benötigt in der Regel 512 MB bis 1 GB Arbeitsspeicher. Der Build-Prozess (npm run build) benötigt mehr, besonders bei großen Projekten. Daher ist die Box M mit 2 GB RAM ein sinnvoller Start für serverseitig gerenderte Anwendungen auf Saplo.

Verliere ich meine Google-Rankings nach der Migration von Vercel?

Nein, wenn die Seitenadressen gleich bleiben und die Domain ohne längere Unterbrechung auf den neuen Server zeigt. Verschiebe die Weiterleitungen von vercel.json nach next.config.js, bevor du die DNS änderst, und überprüfe nach der Umstellung, ob alle wichtigen Adressen mit dem Code 200 antworten.

Kann ich auf Saplo neben Next.js auch eine Datenbank und ein Backend haben?

Ja. In einer Box kannst du mehrere Anwendungen einrichten, zum Beispiel ein Frontend in Next.js, eine API in Node.js oder Django und eine Datenbank in einem Container. Du bezahlst für die Box und nicht für jede Anwendung einzeln.

  • #Next.js
  • #Vercel
  • #Hosting Node.js
  • #Migration
  • #Vergleich