Du willst eine neue Unternehmenswebsite erstellen, und die Frage stellt sich: WordPress oder Next.js? Eine Agentur schlägt das eine vor, ein befreundeter Programmierer das andere, und jeder hat seine Argumente. In diesem Vergleich stellen wir beide Technologien nacheinander vor: Was sie sind, wie teuer die Wartung ist, was schneller ist, wer die Inhalte bearbeiten wird und welcher Hosting benötigt wird. Am Ende bekommst du eine einfache Übersicht, die dir zeigt, welche Lösung du in welchem Fall wählen solltest.
Ganz unvoreingenommen: Mit einem Klick richten wir beide auf Saplo ein, daher haben wir kein Interesse daran, eines von beiden zu empfehlen. Die Wahl hängt vom Projekt ab, nicht vom Trend.
Inhaltsverzeichnis
- Was ist WordPress?
- Was ist Next.js?
- Wie unterscheiden sich WordPress und Next.js in der Praxis?
- Wer wird die Inhalte der Website bearbeiten?
- Was ist schneller und besser für SEO?
- Was kostet die Erstellung und Wartung einer Website?
- Was ist sicherer?
- Welches Hosting benötigt WordPress und welches Next.js?
- Oder beides gleichzeitig?
- Wann WordPress und wann Next.js wählen?
- Wie WordPress oder Next.js auf Saplo aufsetzen?
- FAQ
Was ist WordPress?
WordPress ist ein Content-Management-System (CMS), das in PHP geschrieben wurde und eine MySQL- oder MariaDB-Datenbank nutzt. Laut W3Techs basieren mehr als 40 Prozent aller Websites im Internet darauf. Du installierst es, wählst ein Theme, fügst Plugins hinzu und hast sofort ein Dashboard, in dem du Unterseiten, Blogbeiträge, Bilder und Formulare hinzufügst.
Die Stärke von WordPress ist sein Ökosystem. Für fast jeden Bedarf gibt es ein fertiges Plugin: Kontaktformular, SEO, Mehrsprachigkeit, Buchungen, Onlineshop. Mit dem Plugin WooCommerce wird aus der Website ein vollwertiger E-Commerce-Webshop mit Warenkorb, Zahlungen und Lagerbeständen.
Eine Website mit WordPress besteht aus drei Ebenen: dem Kern, dem Theme (Aussehen) und den Plugins (Funktionen). Jede davon muss aktualisiert werden. Mehr dazu schreiben wir weiter unten im Abschnitt Sicherheit.
Was ist Next.js?
Next.js ist ein Framework zum Erstellen von Websites und Anwendungen mit React, das von Vercel weiterentwickelt wird. Es ist kein fertiges CMS mit Adminbereich, sondern ein Werkzeug für Entwickler. Eine Website in Next.js entsteht als Code: aus Komponenten, Unterseiten und Styles, während die Inhalte aus Dateien, einer Datenbank oder einem externen CMS stammen.
Das wichtigste Merkmal von Next.js ist die Art des Renderings. Seiten können:
- statisch generiert während des Builds (SSG), sodass der Server fertiges HTML ausliefert,
- serverseitig gerendert bei jedem Aufruf (SSR), wenn die Inhalte aktuell sein müssen,
- inkrementell aktualisiert (ISR), also statisch, aber in regelmäßigen Abständen neu generiert.
Dadurch lädt eine gut gemachte Website in Next.js sehr schnell, und Google sieht die vollständigen Inhalte sofort im HTML. Der Preis dafür: Jede Designänderung oder neue Funktion erfordert die Arbeit eines Entwicklers.
Wie unterscheiden sich WordPress und Next.js in der Praxis?
Kurz gesagt: WordPress ist ein fertiges Haus, das du selbst einrichtest. Next.js ist ein Architekturprojekt samt Bauunternehmen. Details in der Tabelle.
| Merkmal | WordPress | Next.js |
|---|---|---|
| Typ | fertiges CMS mit Admin-Bereich | Framework für Entwickler |
| Sprache | PHP | JavaScript / TypeScript (React) |
| Inhaltsbearbeitung | im Admin-Bereich, ohne Code | im Code oder über ein separates CMS |
| Projektstart | Stunden oder Tage | Tage oder Wochen |
| Neue Funktionen | meist ein Plugin | meist Code |
| Geschwindigkeit | hängt vom Theme, den Plugins und dem Cache ab | von Anfang an hoch |
| Wartung | Updates von Core, Theme und Plugins | Updates der npm-Abhängigkeiten |
| Shop | WooCommerce sofort einsatzbereit | Integration mit einer externen Shop-Engine |
| Hosting | PHP + Datenbank | Node.js-Prozess oder statische Dateien |
Keine der Spalten ist „besser“. WordPress punktet mit der Umsetzungszeit und der Unabhängigkeit des Seitenbetreibers. Next.js punktet mit Leistung und Freiheit, wenn die Website eher eine Anwendung als eine Visitenkarte ist.
Wer wird die Inhalte der Website bearbeiten?
Diese Frage entscheidet häufiger als Geschwindigkeit oder Kosten. Wenn nach der Übergabe der Website Inhalte von jemandem aus dem Unternehmen geändert werden, der nicht programmiert, ist WordPress die natürliche Wahl. Das Backend ist Millionen Menschen vertraut, der Block-Editor ermöglicht es, eine Unterseite ohne HTML-Kenntnisse zusammenzustellen, und die Änderung der Preisliste oder das Hinzufügen eines Blogbeitrags erfordern keinen Anruf bei einer Agentur.
Bei Next.js kann bereits die Änderung eines Textes eine Codebearbeitung und eine neue Bereitstellung bedeuten. Das lässt sich umgehen, indem ein Headless-CMS angebunden wird, zum Beispiel Directus, Strapi oder WordPress als Backend. Doch das ist ein zusätzlicher Bestandteil, der eingerichtet, konfiguriert und gepflegt werden muss.
Einfache Regel: Wenn die Inhalte jede Woche vom Marketing geändert werden, beginne mit WordPress. Wenn sich die Inhalte selten ändern und die Website von einem Entwickler weiterentwickelt wird, steht Next.js nicht im Weg.
Was ist schneller und besser für SEO?
Next.js hat hier von Anfang an einen Vorteil. Fertiges HTML, die Aufteilung des Codes in kleine Pakete, die integrierte Bildoptimierung (Komponente next/image) und das Laden von Schriftarten ohne Layoutverschiebungen sorgen in der Regel ohne zusätzliche Arbeit für gute Core Web Vitals.
WordPress kann genauso schnell sein, aber dafür musst du sorgen: ein leichtes Theme, eine sinnvolle Anzahl an Plugins, ein Seiten-Cache, aktuelles PHP und komprimierte Bilder. Ein schwerer Page Builder und dreißig Plugins können den PageSpeed-Wert unter 50 drücken. Wenn deine Website bereits darunter leidet, sieh dir unseren Ratgeber WordPress läuft langsam? 9 Ursachen und wie man sie behebt an.
Für SEO allein sind beide Technologien in Ordnung. Google indexiert WordPress seit zwanzig Jahren, und Plugins wie Yoast oder Rank Math bieten eine bequeme Kontrolle über Titel, Beschreibungen und die Sitemap. In Next.js legt der Entwickler Meta-Tags, die Sitemap und strukturierte Daten im Code fest. Über die Position bei Google entscheiden die Inhalte, Links und die Geschwindigkeit, nicht der Name des Frameworks.
Wie viel kostet es, eine Website zu erstellen und zu pflegen?
Die Kosten setzen sich aus drei Komponenten zusammen: Erstellung, Wartung und Hosting.
Erstellung. Eine Visitenkarte mit WordPress und einem fertigen Theme ist Arbeit von mehreren Tagen. Dieselbe Website in Next.js, von Grund auf konzipiert und programmiert, benötigt in der Regel mehr Entwicklungszeit und kostet daher anfangs mehr. Der Unterschied schrumpft bei individuellen Projekten, bei denen man in WordPress ohnehin ein eigenes Theme und eigene Funktionen schreiben müsste.
Wartung. WordPress erfordert regelmäßige Updates von Core, Theme und Plugins, und ein Teil der guten Plugins ist im Jahresmodell kostenpflichtig. Next.js hat keine kostenpflichtigen Plugins, aber jede größere Änderung kostet Entwicklerstunden.
Hosting. Eine Website mit WordPress läuft auf jedem Hosting mit PHP und Datenbank. Next.js mit serverseitigem Rendering benötigt einen laufenden Node.js-Prozess, den herkömmliches Shared Hosting nicht bietet. Deshalb hosten viele Next.js bei Vercel. Der kostenlose Tarif ist für nichtkommerzielle Projekte gedacht, und der Pro-Tarif kostet 20 Dollar pro Monat und Teammitglied, zuzüglich Gebühren für Traffic über dem Limit.
Bei Saplo lassen sich beide Technologien in einer Box mit einem Jahrespreis nutzen. Box S kostet 27 € pro Jahr (1 GB RAM, 15 GB NVMe-Speicher), Box M 65 € pro Jahr (2 GB RAM, 30 GB, SSH-Zugang), Box L 139 € pro Jahr (6 GB RAM, 60 GB). In jedem Tarif ist die Anzahl an Anwendungen und Domains unbegrenzt, sodass WordPress und Next.js ohne Aufpreis nebeneinander betrieben werden können. Die aktuellen Preise findest du in der Preisliste von Saplo.
Was ist sicherer?
Die Beliebtheit von WordPress hat zwei Seiten. Da so viele Websites darauf laufen, ist es das häufigste Ziel automatisierter Angriffe. Die meisten Einbrüche betreffen jedoch nicht den Kern selbst, sondern veraltete Plugins und Themes. Eine Website, auf der jemand Updates im Blick behält, starke Passwörter verwendet und verwaiste Plugins nicht weiterführt, ist sicher.
Next.js bietet eine kleinere Angriffsfläche, weil es unter einer bekannten Adresse kein öffentliches Anmeldepanel und keinen Marktplatz mit Plugins von Tausenden Autoren gibt. Eine statisch generierte Website besteht praktisch aus einfachen HTML-Dateien. Das bedeutet nicht, dass es keine Probleme gäbe: Auch npm-Abhängigkeiten haben Schwachstellen und müssen ebenfalls aktualisiert werden, und ein Fehler im API-Code ist ein Fehler deines Entwicklers.
In beiden Fällen kommt es zudem darauf an, wo die Website gehostet wird. Auf Shared-Hosting kann eine infizierte Nachbarwebsite anderen Konten auf demselben Server Probleme bereiten. Bei Saplo ist jede Box ein separater Container mit eigenen Ressourcen, und in jedem Tarif wird jede Nacht ein Backup außerhalb des Servers erstellt.
Welchen Hosting benötigt WordPress und welchen Next.js?
WordPress benötigt:
- PHP in einer aktuellen Version (aktuell ist 8.2 oder 8.3 ein vernünftiges Minimum),
- eine MySQL- oder MariaDB-Datenbank,
- einen Webserver (nginx oder Apache) und ein SSL-Zertifikat,
- idealerweise einen serverseitigen Cache, bei einem Onlineshop zusätzlich einen Object Cache (Redis).
Next.js benötigt:
- Node.js in der von der jeweiligen Framework-Version benötigten Version,
- Speicherplatz für den Build des Projekts (
npm installundnpm run buildbenötigen viel Arbeitsspeicher, bei größeren Projekten ist mehr als 1 GB RAM sinnvoll), - einen Prozess, der durchgehend läuft und nach einem Ausfall automatisch neu startet,
- einen Webserver vor der Anwendung, der den Datenverkehr von der Domain an den Node.js-Port weiterleitet und SSL übernimmt.
Wenn du dein Next.js-Projekt vollständig in statische Dateien exportierst (output: 'export'), reicht einfaches File-Hosting. Du verlierst dann jedoch das serverseitige Rendering und die API, also die Hälfte der Gründe, aus denen man sich für Next.js entscheidet. Mehr dazu, wann ein eigener Prozess sinnvoll ist, erfährst du auf der Seite Node.js-Hosting.
Vielleicht beides gleichzeitig?
Es gibt einen dritten Weg, der in größeren Projekten immer häufiger zum Einsatz kommt: headless WordPress. WordPress bleibt das Backend, in dem die Redaktion Inhalte im vertrauten Dashboard schreibt, während Next.js die Website für Besucher rendert. Die Inhalte werden dabei über die REST API oder WPGraphQL abgerufen.
Vorteile: Die Redaktion muss nichts Neues lernen, und Besucher erhalten eine schnelle Website. Nachteile: Du pflegst zwei Anwendungen statt einer, einige WordPress-Plugins (vor allem solche, die etwas auf der Website anzeigen) verlieren ihren Sinn, und die Vorschau eines Beitrags vor der Veröffentlichung muss separat entwickelt werden. Diese Lösung eignet sich für Unternehmen mit einem dauerhaft verfügbaren Entwickler, nicht für eine Visitenkarte.
Bei Saplo richtest du dieses Setup mit einem Box ein: WordPress auf einer Backend-Subdomain, Next.js auf der Hauptdomain.
Wann WordPress und wann Next.js?
Wähle WordPress, wenn:
- die Inhalte von jemandem ohne Programmierkenntnisse gepflegt werden,
- du eine Website schnell und zu einem vernünftigen Preis brauchst,
- du einen Shop aufbaust und WooCommerce deine Anforderungen abdeckt,
- du verschiedene Anbieter zur Auswahl hast, weil fast jede Agentur WordPress kennt,
- die Website eine Visitenkarte, ein Blog, ein Portfolio oder eine Firmenwebsite ist.
Wähle Next.js, wenn:
- die Website eher einer Anwendung als einer Visitenkarte gleicht: Login, Kundenbereich, Rechner, API-Integrationen,
- die Ladezeit sich direkt auf den Umsatz auswirkt und du sie von Anfang an haben möchtest,
- du einen Entwickler oder ein Team hast, das die Website weiterentwickelt,
- das Projekt bereits in React umgesetzt ist und du einen durchgängigen Tech-Stack beibehalten möchtest.
Erwäge einen Headless-Aufbau, wenn die Redaktion viel schreibt, die Website sehr schnell sein muss und du dir die Wartung von zwei Komponenten leisten kannst.
Wenn du noch zwischen herkömmlichem Hosting und einem eigenen Server schwankst, lies den Vergleich Saplo vs. Shared Hosting: Wann eine VPS sinnvoll ist.
Wie du WordPress oder Next.js auf Saplo aufsetzt
Beide Technologien sind im App-Katalog von Saplo verfügbar und lassen sich direkt über das Panel installieren.
WordPress:
- Wähle im Panel WordPress aus dem App-Katalog.
- Gib den Seitentitel ein, wähle die PHP-Version (von 7.4 bis 8.5, standardmäßig 8.3) und lege fest, ob WooCommerce sofort installiert werden soll.
- Nach wenigen Minuten läuft die Website unter der Subdomain
*.saploapp.ploder deiner Domain, mit kostenlosem SSL-Zertifikat. - Du meldest dich mit einem Klick über das Saplo-Panel im WordPress-Panel an, ganz ohne eigenes Passwort.
Eine genaue Anleitung findest du im Beitrag WordPress auf Saplo aufsetzen (Schritt für Schritt).
Next.js:
- Wähle im Panel Next.js aus dem App-Katalog.
- Saplo erstellt ein Startprojekt, baut es und startet es als Prozess, der sich nach einem Ausfall selbst neu startet. Der Traffic von deiner Domain erreicht die Anwendung über nginx mit SSL-Zertifikat.
- Du bindest deinen Code über GitHub an: Du verbindest das Repository mit der Anwendung, fügst die Datei
saplo.yamlhinzu, und jedergit pushauf dem Produktionsbranch baut und deployt eine neue Version, normalerweise innerhalb von 1 bis 3 Minuten.
Details findest du im Tutorial Next.js auf Saplo aufsetzen.
Hast du deine Website bereits bei einem anderen Anbieter mit WordPress? Die Migration zu Saplo ist in jedem Plan enthalten. Du kannst sie aber auch selbst mit dem Plugin Saplo Migrate durchführen. Wir erklären dies im Tutorial WordPress ohne SEO-Verlust auf einen neuen Hosting-Anbieter umziehen.
FAQ
Wird Next.js WordPress ersetzen?
Nicht in den nächsten Jahren. Es sind Tools für unterschiedliche Zielgruppen. WordPress bietet Menschen, die nicht programmieren, ein fertiges Backend, während Next.js Entwicklern Freiheit und Performance bietet. In vielen Projekten arbeiten beide gemeinsam: WordPress dient als Content-Backend, Next.js als die Ebene, die Besucher sehen.
Kann man eine Next.js-Seite ohne Entwickler bearbeiten?
Ja, aber das sollte von Anfang an geplant werden. Dafür wird ein separates CMS benötigt (zum Beispiel headless WordPress, Directus oder Strapi), aus dem Next.js die Inhalte lädt. Ohne ein solches CMS bedeutet jede Textänderung, dass Code bearbeitet und die Website neu bereitgestellt werden muss.
Ist WordPress langsamer als Next.js?
Anfangs meistens ja, denn jeder Seitenaufruf startet PHP und Datenbankabfragen. Mit Seiten-Caching, einem leichten Theme und einer sinnvollen Anzahl an Plugins erreicht WordPress sehr gute PageSpeed-Ergebnisse. Next.js bietet Geschwindigkeit ohne diesen zusätzlichen Aufwand, kann bei schlechter Implementierung aber genauso langsam sein.
Kann ich Next.js auf einfachem Shared-Hosting betreiben?
Nur in einer vollständig statischen Version (output: 'export'). Serverseitiges Rendering, API und ISR erfordern einen laufenden Node.js-Prozess, den Shared-Hosting normalerweise nicht starten lässt. Du benötigst einen Server, einen Container oder eine Plattform wie Vercel. Auf Saplo läuft Next.js als gewöhnliche Katalog-App in deinem Box-Setup.
Kann ich in einem Saplo-Tarif WordPress und Next.js betreiben?
Ja. Jede Box bietet Apps und Domains ohne Limit, sodass du WordPress, Next.js und zum Beispiel n8n parallel betreiben kannst. Die einzige Einschränkung sind Arbeitsspeicher und Festplattenplatz des gewählten Tarifs. Weitere Ressourcen kannst du direkt im Panel hinzufügen, ohne umziehen zu müssen.
- #Next.js
- #Hosting
- #Anleitungen
- #Vergleich
- #WordPress
