Next.js — Glossar

Direkte Antwort

Next.js: Next.js ist ein Framework auf Basis von React, das Routing, Datenabruf und Rendering mitbringt. Seiten werden auf dem Server oder schon beim Build zu fertigem HTML, statt erst im Browser per JavaScript zu entstehen. Das macht Webseiten schnell und für Google und KI-Assistenten direkt lesbar — der Grund, warum Modern Stack darauf modernisiert.

Wichtigste Punkte

React-Framework mit eingebautem Routing, SSR, SSG und ISR.
Fertiges HTML im ersten Response — Inhalte sind ohne Skriptausführung lesbar.
Weniger Plugin-Abhängigkeiten als WordPress; klarer Deploy-Pfad über Git.
Gemessen an Core Web Vitals meist deutlich schlanker als Pagebuilder-Themes.

— Steve Baka

Aktualisiert: 6. Oktober 2026 · Autor: Steve Baka

Was ist Next.js?

Next.js ist ein Open-Source-Framework, das Vercel entwickelt. Es setzt auf React auf, die verbreitete Bibliothek für Oberflächen, und ergänzt, was für eine echte Webseite fehlt: dateibasiertes Routing, serverseitiges Rendering, Bild- und Schriftoptimierung, eine API für Metadaten wie Titel und Canonical sowie Serverfunktionen. Du legst eine Datei an, und daraus wird eine Adresse; eine Komponente beschreibt die Seite.

Reines React läuft im Browser und sendet zunächst eine nahezu leere HTML-Hülle. Das ist für Crawler und Agenten problematisch, die nicht jedes Skript ausführen. Next.js löst das, indem es die Seite vorher rendert. Beim ersten Aufruf erhält der Besucher das fertige Dokument; Interaktivität wird danach ergänzt, ein Vorgang namens Hydration. Neuere Versionen nutzen zusätzlich Server-Komponenten, die den Code für reine Textblöcke gar nicht erst an den Browser schicken.

Wie funktionieren die Rendering-Modelle?

Statische Generierung: Seiten werden beim Build erzeugt und als Dateien am Edge ausgeliefert. Ideal für Inhalte, die sich selten ändern.
Serverseitiges Rendering: Das HTML entsteht bei jeder Anfrage, etwa für personalisierte oder stark aktuelle Inhalte.
Inkrementelle Regeneration: Statische Seiten werden im Hintergrund nach festgelegten Zeiträumen oder Ereignissen neu gebaut.

Welches Modell passt, entscheidest du pro Seite. Eine Leistungsseite ist statisch, eine Terminübersicht dynamisch. Der Vorteil für die Sichtbarkeit: In allen drei Fällen enthält die erste Antwort den Text. Die Wahl des Modells beschreiben wir ausführlicher im SSR/SSG-Stack.

Warum eignet sich Next.js für Suche und KI?

Crawler und Assistenten lesen HTML. Je weniger Skriptausführung nötig ist und je sauberer das Markup, desto zuverlässiger werden Überschriften, Absätze, Preise und Kontaktdaten erkannt. Next.js erlaubt dir außerdem, JSON-LD, Canonicals und Sitemaps aus denselben Daten wie die Seite zu erzeugen, und es kann Antworten je nach Accept-Header variieren — Grundlage für Markdown-Negotiation. Hinzu kommen Ladezeiten: Weniger DOM-Knoten, optimierte Bilder und Auslieferung über ein CDN verbessern LCP und Interaktion.

In der AI-Readiness-Studie erreichen viele Baukasten- und Pagebuilder-Auftritte nur niedrige Agent-Ready-Werte. Ein modern gebauter Next.js-Auftritt hebt diese Bausteine mit überschaubarem Aufwand an.

Next.js bei Modern Stack: Wie und wofür

Unser Standard besteht aus Next.js, Inhalten als MDX, Datenbank und Mailversand je nach Bedarf — etwa Convex, SurrealDB und Resend — und Deployment auf Vercel. Alte Inhalte kommen per Migration mit, URLs per Redirect. Die Webseiten-Modernisierung startet ab 500 €. Hinweis zur Wahl: Next.js ist kein Selbstzweck. Für eine reine Ein-Seiten-Visitenkarte kann ein einfacher Generator reichen; für Leistungen, Regionen und Wissen lohnt sich der Stack.

Welche Fehler passieren im Alltag?

Alles clientseitig rendern und damit die Vorteile verschenken. Riesige Bibliotheken importieren, die den Bundle aufblähen. Meta-Daten vergessen oder doppelt setzen. Bilder ohne Größen laden und so Layoutsprünge verursachen. Oder den Stack bauen, aber alte URLs nicht weiterleiten. Der Vergleich beider Welten steht unter Next.js vs WordPress in der KI-Suche und Webseite-Modernisierung.

Quellen

Next.js — Dokumentation — Vercel
Offizielle Referenz für Routing, Rendering und Deployment.
React — Dokumentation — Meta Open Source
Grundlage von Next.js; erklärt Komponenten und Server-Rendering.
Next.js vs WordPress in der KI-Suche — Modern Stack
Vergleich beider Stacks mit Blick auf Extraktion, Performance und GEO.

Häufige Fragen

Muss jede Firma Next.js nutzen?

Nein. Entscheidend ist ein Stack, der fertiges HTML liefert, schnell lädt und sich sauber pflegen lässt. Next.js ist eine bewährte Wahl dafür, aber nicht die einzige.

Gehen bei einem Wechsel meine Inhalte verloren?

Nein. Texte, Bilder, Domain und Struktur ziehen um; alte URLs bekommen 301-Redirects. Verloren geht nur Plugin-Ballast, der Seiten langsam macht.

Muss ich später selbst programmieren, um Texte zu ändern?

Nein. Inhalte liegen als strukturierte Dateien oder in einer Datenbank, Änderungen laufen über Redaktion oder Wartung. Ein Headless CMS ist optional.

Weiterlesen

Next.js vs WordPress in der KI-Suche
Strategischer Bericht: Warum moderne Web-Stacks (Next.js) WordPress in der Ära von GEO und AIO technisch und zitationsseitig überlegen sind — inkl. Core Web Vitals, RAG-Pipelines und Princeton-Framework.
SSR
SSR (Server-Side Rendering) erzeugt das HTML einer Seite auf dem Server pro Anfrage, statt es dem Browser per JavaScript zusammenbauen zu lassen. Crawler, Assistenten und Nutzer erhalten den Inhalt sofort im ersten Response.
Convex
Convex ist ein reaktives Backend-as-a-Service: Datenbank, serverseitige TypeScript-Funktionen und Echtzeit-Updates in einem System. Modern Stack nutzt es für Anfragen, CRM und Admin hinter der Webseite — sichtbar für Besucher ist nur das Ergebnis, nicht der Anbieter.
Vercel
Vercel ist eine Cloud-Plattform zum Bereitstellen von Frontend- und Fullstack-Anwendungen, besonders von Next.js: Git-Push löst den Build aus, jede Änderung bekommt eine Vorschau-URL, Auslieferung läuft über ein globales Edge-Netz mit CDN.
Resend
Resend ist ein E-Mail-API-Dienst: Deine Anwendung schickt Mails per API an Resend, der Dienst liefert sie über verifizierte Domains mit SPF, DKIM und DMARC aus und meldet Zustellung, Bounces und Klicks per Webhook zurück.
Webseite-Modernisierung
Was Webseite-Modernisierung bei Modern Stack bedeutet: bestehende WordPress- und Baukasten-Webseiten auf einen modernen Web-Stack bringen — Inhalte behalten, Technik erneuern, bereit für Google und KI-Suche.
SSG
SSG (Static Site Generation) erzeugt das fertige HTML jeder Seite einmal beim Build, nicht bei jedem Aufruf. Die Dateien lassen sich über ein CDN ausliefern — schnell, robust und für Crawler direkt lesbar.
SSR/SSG-Stack
Warum servergerendertes und statisch generiertes HTML die Basis für Performance, Crawlability und KI-Extraktion ist — und warum eine reine React-SPA für Marketingseiten meist nicht reicht.
Headless CMS
Ein Headless CMS verwaltet Inhalte ohne eigene Darstellungsschicht und liefert sie per API an beliebige Frontends wie Next.js. Das bringt Flexibilität und schlankes HTML, verlangt aber mehr Integrationsarbeit als ein klassisches CMS.
ISR
ISR (Incremental Static Regeneration) erneuert statisch erzeugte Seiten nach einem Zeitintervall oder auf Abruf im Hintergrund — ohne die gesamte Webseite neu zu bauen. Besucher bekommen schnelle statische Antworten, Inhalte bleiben trotzdem aktuell.
WordPress
WordPress ist ein quelloffenes Content-Management-System auf Basis von PHP und MySQL/MariaDB, das laut W3Techs einen großen Teil aller Webseiten antreibt. Der Funktionsumfang entsteht über Themes, Plugins und oft Pagebuilder — und genau dieser Ballast bestimmt Performance und KI-Tauglichkeit.
Hydration
Hydration ist der Schritt, in dem der Browser vorgerendertes HTML mit JavaScript verbindet und interaktiv macht. Zu viel Hydration bedeutet schweres JavaScript, träge Reaktion (INP) und unnötigen Ballast.
Core Web Vitals & Modernisierung
Warum LCP, INP und CLS zur Webseite-Modernisierung gehören — und warum CDN-Caching allein selten reicht, wenn WordPress oder Pagebuilder das Markup aufblasen.
SurrealDB
SurrealDB ist eine in Rust geschriebene Multi-Model-Datenbank, die Dokumente, Graph-Beziehungen, Vektorsuche und Volltext in einer Engine mit der Abfragesprache SurrealQL vereint — Grundlage für hybride Suche und den Themenkatalog hinter Modern Stack.
WordPress im KI-Zeitalter — 10 Gründe, warum der Monolith nicht mehr zeitgemäß ist
WordPress und Baukästen wurden für Dokumente gebaut — nicht für Token-Streaming, Agenten, RAG und Generative UI. Zehn strukturelle Gründe und der Wechsel zu Next.js, Convex, SurrealDB und dem Vercel AI SDK.
Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack
Warum WordPress, Wix, Jimdo und Squarespace an Streaming, RAG und agentischen Workflows scheitern — und wie Next.js, Convex, SurrealDB, Resend und Vercel ein KI-taugliches Ökosystem bilden.
AI-Readiness deutscher Dienstleister-Webseiten — Studie, Zahlen und Handlungsbedarf
Empirische Auswertung von 6.675 Live-Audits: Agent-Ready-Scores, llms.txt, Markdown-Negotiation und Crawl-Signale bei Physiotherapie, Steuerberatung, Coaching, Psychologie, Fotografie und weiteren Dienstleistern in Deutschland — mit Interpretation für GEO, AIO und Webseite-Modernisierung.