Zurück

Next.js Hosting: Mit Git auf einem VPS zum Festpreis bereitstellen

Dieses Next.js Hosting stellt Ihre App aus Ihrem GitHub-Repository auf Ihrem eigenen VPS bereit: Das Bereitstellungs-Panel Coolify ist bereits installiert, Sie verbinden das Repository, und jeder git push bringt die neue Version über HTTPS live. Sie zahlen eine feste monatliche Gebühr, ohne gesonderte Kosten für Anfragen, Build-Minuten oder Traffic. Es funktioniert gleich, ob ein KI-Programmierwerkzeug den Code geschrieben hat oder Sie selbst, und Root-Zugriff haben Sie immer.

Wie groß ist Ihre Website?

Gesamt$6.89/Monat

Preise inklusive MwSt.

RAM und CPU können Sie jederzeit vergrößern oder verkleinern. Die Festplatte kann nur wachsen, fangen Sie also klein an.

Was ist auf Ihrem Next.js-Server installiert?

  • Coolify 4.6.0, ein Open-Source-Panel, das aus Ihrem GitHub-Repository baut und das Ergebnis bereitstellt
  • Das Build-Werkzeug Railpack, das Next.js erkennt; Coolify kennzeichnet es als Beta, und eine Dockerfile-Option gibt es ebenfalls
  • Docker und der Traefik-Reverse-Proxy, der HTTPS-Zertifikate holt und erneuert
  • Ein fertiges Admin-Konto, bei dem der Willkommensassistent übersprungen und die öffentliche Registrierung geschlossen ist
  • sslip.io-Adressen, damit alles über HTTPS öffnet, bevor Sie eine Domain hinzufügen
  • 2 GB Swap und eine Firewall mit offenen Ports 22, 80, 443, 6001, 6002 und 8000

Welche Größe brauchen Sie für Next.js?

Für Next.js gibt es keinen offiziellen RAM-Wert, und der Build bestimmt den Bedarf stärker als die laufende App. In unseren Tests auf echten Servern mit 4 GB und 2 Kernen baute eine KI-Chat-App mit etwa 85 Paketen in rund 3,7 Minuten, erreichte in der Spitze 3,5 GB Speicher, griff auf Swap zurück und belegte 18 GB Festplatte. Mit 2 GB ging dieser App bei der TypeScript-Prüfung der Speicher aus, ein kleines Beispiel lief dagegen durch. Beginnen Sie mit 4 GB und schauen Sie bei Projekten mit vielen Paketen auf 8 GB. RAM und CPU lassen sich später vergrößern und verkleinern, die Festplatte wächst nur.

EinsatzGrößePreisWählen
Neue Website 4 GB RAM · 2 vCore · 60 GB NVMe $6.89/Monat
Wachsende Website 8 GB RAM · 4 vCore · 120 GB NVMe $13.62/Monat
Stark besuchte Website 16 GB RAM · 8 vCore · 200 GB NVMe $25.15/Monat

Für wen ist es gedacht?

  • Alle, die eine Next.js-App ausliefern, ob von Hand oder mit KI-Programmierwerkzeugen geschrieben
  • Alle, die die monatlichen Kosten lieber vorab kennen, als eine Nutzungsrechnung wachsen zu sehen
  • Apps mit Queue-Workern, WebSockets oder lang laufenden KI-Antworten
  • Projekte, die die Datenbank auf demselben Server wie die App halten

Was passiert nach der Bestellung?

  1. Stellen Sie die Größe ein und schließen Sie die Zahlung ab. Ihr Server startet, und Coolify installiert sich selbst. Das dauerte in unseren Tests auf echten Servern etwa 12 Minuten.
  2. Öffnen Sie in Ihrem Panel unter Meine Server Ihren Server. Melden Sie sich mit den Zeilen Panel-Adresse, E-Mail und Passwort auf der Registerkarte Übersicht bei Coolify an.
  3. Klicken Sie auf der Seite Projects auf New resource. Für ein öffentliches Repository wählen Sie Public Git Repository und geben die Adresse ein.
  4. Für ein privates Repository erzeugen Sie auf der Seite Private Keys einen Schlüssel, fügen den öffentlichen Schlüssel bei Deploy keys auf GitHub hinzu und wählen Private Git Repository (with Deploy Key).
  5. Tragen Sie Ihre Variablen auf der Seite Environment Variables ein und klicken Sie auf Deploy. Auf der Seite Domains steht eine HTTPS-Testadresse, und dort tragen Sie auch Ihre eigene Domain ein.
  6. Tragen Sie die Adresse und das Secret von der Seite Webhooks der App in die Webhooks-Einstellungen des Repositorys auf GitHub ein. Ab dann geht jeder git push live.

Bei jedem Server

  • Tägliche Sicherung im Preis inbegriffen
  • Unbegrenzter Datenverkehr
  • Voller Root-Zugriff
  • RAM und CPU später vergrößern oder verkleinern, die Festplatte erweitern
  • Standort: Istanbul · IST-1.

Gut zu wissen

  • Variablen, die mit NEXT_PUBLIC_ beginnen, werden beim Build in den Browser-Code geschrieben. Klicken Sie nach einer Änderung auf Redeploy und geben Sie Modell- oder Zahlungsschlüsseln niemals dieses Präfix.
  • Der Container wird bei jedem Deployment neu gebaut, daher verschwindet eine darin geschriebene SQLite-Datei. Binden Sie ihren Ordner über Persistent Storage ein oder legen Sie im Panel eine PostgreSQL-Datenbank an.
  • Coolify verbindet sich mit einem eigenen Schlüssel per SSH als root mit dem Server. Wenn Sie die Root-Anmeldung ganz sperren oder die coolify-Zeile aus authorized_keys entfernen, funktionieren Deployments nicht mehr.
  • Sobald das Panel unter seiner HTTPS-Adresse funktioniert, können Sie die Ports 8000, 6001 und 6002 schließen. Docker umgeht ufw, daher geht das über die Compose-Route von Coolify, und der Hilfeartikel nennt die Schritte.
  • Die automatischen Updates von Coolify sind standardmäßig aktiv. Die Pakete Ihrer App aktuell zu halten, ist Ihre Aufgabe.
  • Der Server steht an einem Ort, in Istanbul. Für weit entfernte Besucher steigt die Latenz, und bei Bedarf können Sie ein Content Delivery Network vorschalten.

Fragen und Antworten zu Next.js

Wie viel RAM braucht ein Next.js VPS?

Für Next.js gibt es keinen offiziellen RAM-Wert, denn der Build entscheidet. In unseren Tests baute ein Server mit 4 GB eine App mit etwa 85 Paketen, während derselben App mit 2 GB der Speicher ausging und das Panel weiterlief. Beginnen Sie mit 4 GB. Geht bei einem Build der Speicher aus, vergrößern Sie in Ihrem Panel und stellen erneut bereit.

Was bedeutet ein fester Monatspreis bei Next.js Hosting?

Sie zahlen für den RAM, die CPU und die Festplatte, die Sie wählen, und der Preis bleibt gleich, bis Sie die Größe ändern. Anfragen, Build-Minuten und Team-Plätze werden nicht gezählt, der Traffic ist unbegrenzt, und nächtliche Sicherungen sind enthalten. Der Kompromiss: Der Server skaliert nicht von selbst, die Vergrößerung ist Ihre Entscheidung.

Funktionieren alle Next.js-Funktionen auf einem eigenen Server?

Ja. Laut der Next.js-Dokumentation funktioniert jede Funktion mit einem Node.js-Server oder Docker, nur der statische Export ist eingeschränkt. Caching und ISR funktionieren auf einem einzelnen Server mit dauerhafter Festplatte von selbst. Wenn Sie mehrere Kopien betreiben, müssen Sie den Cache zwischen ihnen teilen.

Wie stelle ich eine mit einem KI-Programmierwerkzeug gebaute App bereit?

Egal, welches Werkzeug sie geschrieben hat: Das Ergebnis ist meist ein gewöhnliches Next.js-, Vite-, Astro-, Node- oder Python-Projekt. Legen Sie den Code auf GitHub ab, verschieben Sie Geheimnisse in Umgebungsvariablen und prüfen Sie, dass npm run build sauber durchläuft. Verbinden Sie dann das Repository mit Coolify und klicken Sie auf Deploy.

Kann ich auch Vite-, Astro- oder Python-Projekte bereitstellen?

Ja. Wir haben die Beispielprojekte von Coolify auf einem echten Server ausprobiert: Eine statische Vite-Website, eine Astro-Server-App und eine Flask-App wurden alle mit Railpack gebaut und öffneten sich über HTTPS. Einige Felder ändern sich: Static site und /dist für Vite, Port 4321 für Astro und Port 5000 für Flask, jeweils mit einem Startbefehl.

Wie stelle ich eine Next.js-App per git push bereit?

Bei jedem Push sendet GitHub dem Panel eine signierte Anfrage. Coolify prüft sie und baut die App für diesen Branch neu. Zur Einrichtung tragen Sie die Adresse und das Secret von der Seite Webhooks der App in die Webhooks-Einstellungen des Repositorys auf GitHub ein. Bei einem kleinen Beispielprojekt ging ein neuer Commit dank des Build-Caches in 41 Sekunden live.

Mehr lesen und ähnliche Apps ansehen