Next.js ist ein beliebtes React-Framework für den Aufbau schneller, SEO-freundlicher Webanwendungen. Auf Plesk mit Node.js-Unterstützung kannst du eine solche App ohne komplexe Infrastruktur hosten: Du konfigurierst eine Node.js-Anwendung, deployst deinen Code via Git oder Upload und profitierst von Server-Side Rendering, statischer Generierung und Caching. In diesem Artikel erfährst du, was du benötigst und welche Schritte du konkret unternehmen musst.
Was benötigst du
Bevor du eine Next.js-App auf Plesk aufsetzt, sorgst du für ein paar grundlegende Voraussetzungen. Eine Hosting-Umgebung mit Node.js-Unterstützung ist die wichtigste: Next.js läuft auf Node.js und benötigt einen Build-Schritt (npm run build), bevor die App in Produktion laufen kann. Außerdem brauchst du Zugang zu einem Git-Repository (praktisch für automatische Deployments), einen Paketmanager wie npm oder yarn und Kenntnisse über Umgebungsvariablen für Einstellungen, die sich je nach Umgebung unterscheiden, wie API-Schlüssel oder Datenbankverbindungen.
Eine moderne Serverumgebung mit schnellem Speicher beschleunigt den Build-Prozess merklich, besonders bei größeren Anwendungen mit vielen Abhängigkeiten. Über die Webhosting-Plattform von Tandata läuft das auf LiteSpeed-Servern mit NVMe-Speicher, was Builds und Neustarts beschleunigt.
Node.js in Plesk konfigurieren
Plesk bietet ein eigenes Node.js-Modul, mit dem du eine Anwendung mit einer Domain oder einem Unterverzeichnis verknüpfst. Dort stellst du die Node.js-Version, das Document Root (das Verzeichnis, in dem deine App-Dateien liegen), die Startdatei und die Umgebungsvariablen ein.
Anwendung erstellen
Gehe in Plesk zu „Websites & Domains” und wähle den Node.js-Bereich. Erstelle eine neue Anwendung und verknüpfe sie mit der richtigen Domain oder dem Unterverzeichnis.
Version und Document Root einstellen
Wähle eine aktuelle Node.js-Version und weise das Document Root dem Verzeichnis mit deinen Next.js-Dateien zu, zum Beispiel dem Hauptverzeichnis deines Repositorys.
Startdatei festlegen
Verwende ein Startskript, das „next start” ausführt, oder eine server.js-Datei, wenn du einen benutzerdefinierten Server verwendest.
Umgebungsvariablen hinzufügen
Setze in Plesk mindestens NODE_ENV auf production und füge weitere Variablen hinzu, die deine App benötigt, wie API-Schlüssel.
Deine App deployen
Es gibt verschiedene Möglichkeiten, deinen Next.js-Code auf Plesk zu bekommen. Git-Deployment ist die praktischste Option: Du verknüpfst ein Repository mit Plesk, woraufhin neue Commits automatisch abgerufen und neu gebaut werden können. Alternativen sind das manuelle Hochladen über den Dateimanager oder via SFTP, aber diesen Methoden fehlen Versionskontrolle und Automatisierung.
Baue die Anwendung immer zuerst lokal oder lass Plesk dies über einen Build-Hook erledigen, damit die Produktionsversion (npm run build) tatsächlich ausgeführt wird, bevor die App neu gestartet wird. Next.js kann sowohl vollständig statisch (als exportierte Site) als auch dynamisch mit Server-Side Rendering laufen; die Wahl bestimmt, wie die Anwendung in Plesk gestartet wird.
Nutzt du neben deiner Webanwendung auch eine eigene Domain und geschäftliche Mailboxen, kannst du das einfach über Domainnamen und Business-E-Mail innerhalb desselben Plesk-Panels regeln.
Performance und Verwaltung
Nach einem erfolgreichen Deployment ist die Verwaltung der Anwendung mindestens genauso wichtig. Sorge dafür, dass statische Dateien (Bilder, CSS, JavaScript) ordentlich gecacht werden, damit wiederkehrende Besucher eine Seite schneller sehen. Server-seitig gerenderte Seiten profitieren von einem schnellen Server mit ausreichend Arbeitsspeicher, während statisch generierte Seiten am meisten von Caching auf Serverebene profitieren.
Denk auch an SSL: Ein gültiges Zertifikat ist für moderne Webanwendungen notwendig und kann in Plesk automatisch angewendet und erneuert werden. Nutze außerdem automatische Backups, damit du bei einem fehlgeschlagenen Deployment schnell auf eine funktionierende Version zurückgreifen kannst. Stößt du beim Deployen auf ein Problem, konsultiere die Wissensdatenbank oder wende dich an den Support.
Häufig gestellte Fragen
Kann ich jede Next.js-Funktion auf Plesk nutzen?
Ja, solange Node.js unterstützt wird, kannst du sowohl Server-Side Rendering, statische Generierung als auch Incremental Static Regeneration nutzen. Achte jedoch auf den Speicherverbrauch bei umfangreichen Builds.
Muss ich meine App lokal bauen, bevor ich deploye?
Es ist ratsam, den Build zunächst lokal zu testen, damit du sicher weißt, dass keine Fehler auftreten. Plesk kann das Build-Kommando danach automatisch bei einem neuen Deployment ausführen.
Funktioniert Git-Deployment auch bei einer bestehenden Website?
Ja, du verknüpfst ein Repository mit einer (Sub-)Domain, und Plesk holt bei jedem Update automatisch die neueste Version ab, ohne dass du Dateien manuell hochladen musst.
Was passiert, wenn meine Anwendung abstürzt?
Plesk kann die Node.js-Anwendung automatisch neu starten. Für zusätzliche Sicherheit ist es ratsam, Logs zu überprüfen und tägliche Backups als Auffangnetz zu nutzen.
Kann ich von einem anderen Anbieter wechseln?
Ja, das ist meist ohne Ausfallzeit möglich, wenn du DNS und Dateien sorgfältig migrierst. Sieh dir die Seite über den Wechsel zu Tandata für die zu befolgenden Schritte an.
Fazit
Next.js auf Plesk zu hosten ist gut machbar, sobald Node.js korrekt konfiguriert ist: Wähle die richtige Version, stelle deine Startdatei und Umgebungsvariablen ein und nutze Git für ein wiederholbares Deployment. Mit Aufmerksamkeit für Caching, SSL und Backups hältst du die Anwendung schnell und zuverlässig.