Konzept
Webarchitektur KI-Zeitalter: CMS vs. Next.js, Convex, SurrealDB
Direkte Antwort
Webarchitektur im KI-Zeitalter: Klassische CMS und Baukästen (WordPress, Wix, Jimdo, Squarespace) liefern Dokumente über synchrones Request-Response — LLMs erzeugen Antworten aber tokenweise. Ein KI-tauglicher Stack kombiniert Next.js (RSC + Streaming), Convex (reaktiv + Vektoren), SurrealDB (Hybrid-Suche Graph/Vektor/Volltext), Resend und Vercel Edge — serverseitig, isoliert und ohne Plugin-Shared-Process.
Wichtigste Punkte
- Sync-HTTP und Shared-Process-Plugins blockieren Token-Streams und erhöhen Risiko bei Agent-Tool-Calls.
- RAG braucht native Vektor-/HNSW-Indizes neben App-Daten — angeflanschte Vector-DBs erzeugen Sync und Latenz.
- Next.js RSC + Vercel AI SDK ermöglichen Streaming und Generative UI statt „warten bis die Antwort fertig ist“.
- Convex = reaktive TypeScript-Backend-Einheit; SurrealDB = Multi-Model inkl. RRF (Vektor + BM25).
- TCO: AI auf CMS nachrüsten wird teuer; typisierter Full-Stack spart Glue-Code und Laufzeitfehler.
— Steve Baka
Aktualisiert: · Autor: Steve Baka
Architekturentscheidungen messen wir empirisch in der AI-Readiness-Studie: Crawl oft stark, LLM-Schnittstellen schwach.
Warum kollidieren klassische CMS mit Streaming-KI?
Klassische Content-Management-Systeme und geschlossene Baukästen wurden für statische oder semi-dynamische Dokumente gebaut. Der Server beantwortet eine HTTP-Anfrage mit fertigem HTML oder einem geschlossenen JSON-Payload. Große Sprachmodelle arbeiten anders: Sie erzeugen Ausgaben tokenweise über variable Zeiträume.
Versucht man, diese Streams in synchrone Serverthreads zu pressen, entstehen Blockaden, Timeouts und eine träge Oberfläche. Server-Sent Events oder WebSockets lassen sich über Plugins oder Gateways nachrüsten — die Architektur wird dann komplexer und verliert die ursprüngliche Monolithen-Einfachheit. Genau deshalb ist Webseite-Modernisierung im KI-Kontext Infrastruktur, kein Facelift — die zehn strukturellen Gründe gegen WordPress sind unter WordPress im KI-Zeitalter ausgearbeitet.
Welche Sicherheitsrisiken entstehen durch Plugin-Monolithen?
In vielen WordPress-Setups laufen Erweiterungen im selben Prozess wie der Kern und greifen uneingeschränkt auf die Datenbank zu. WPScan dokumentiert seit Jahren eine hohe Schwachstellendichte im Plugin-Ökosystem. Sobald autonome Agenten Tools aufrufen und unstrukturierte Eingaben verarbeiten, können Prompt Injections zu unerwünschten Lese-/Schreibpfaden führen.
Moderne Stacks begegnen dem mit isolierten Serverless-Runtimes (u. a. V8-Isolates) und gekapselten Datenzugriffen statt Shared-Process-Plugins — ein Kernargument gegen „noch ein Plugin für KI“ und für eine saubere WordPress-Migration bzw. Wix-/Jimdo-Migration.
Warum reicht MySQL für RAG und semantisches Retrieval nicht?
Traditionelle CMS-Speicher sind auf exakte Matches und tabellarische Joins optimiert. RAG transformiert Inhalte in hochdimensionale Embeddings und sucht über Indizes wie HNSW. Eine nachträglich angeflanschte Vektordatenbank erzeugt Doppelhaltung, Sync-Pflichten und zusätzliche Netzwerk-Hops — Latenz, die Echtzeit-UX und Agentenschleifen widerspricht.
Schlank bleibt die Architektur nur, wenn Vektor-, Graph- und Volltextfähigkeiten neben den Anwendungsdaten liegen — siehe Knowledge Graph und Multi-Model-Engines wie SurrealDB.
Was leisten Next.js und das Vercel AI SDK?
Next.js mit App Router und React Server Components hebt die harte Grenze zwischen Server- und Client-Rendering auf: Statische UI-Teile können auf Edge-Knoten landen, rechenintensive KI-Schritte serverseitig bleiben und tokenweise in den Browser streamen. Der Client wartet nicht auf die komplette Antwort — First Contentful Paint und Interaktivität bleiben nutzbar.
Das Vercel AI SDK ist anbieteragnostisch (OpenAI, Anthropic, Google u. a.). Über Text hinaus unterstützt es Generative UI: Modelle können strukturierte Daten oder Komponenten in den Stream legen — Formulare, Diagramme, Auswahldialoge im Gesprächskontext statt nur Markdown.
Mit Schema-Validierung (z. B. Zod) werden Tool-Argumente vor der Ausführung geprüft. Agentenschleifen (Tool → Ergebnis → nächster Schritt) sind begrenzt steuerbar, um Endloskosten zu vermeiden. Technisch ergänzt das den SSR/SSG-Stack und bessere Core Web Vitals.
Wie passen Convex und SurrealDB zusammen?
Convex vereint Datenbank, Serverfunktionen, Realtime, Dateispeicher und Vektorsuche in einer TypeScript-Umgebung. Clients abonnieren Abfragen über WebSockets; Mutationen invalidieren betroffene Queries automatisch — ohne manuelles Cache-Busting. Embeddings können in Mutationen atomar mit dem Primärdatensatz landen. Isolierte V8-Runtimes zielen auf konsistente Transaktionen und niedrige Latenz.
SurrealDB (Rust) konsolidiert Dokument-, Graph-, Vektor-, Zeitreihen- und Volltextdaten. Statt drei Spezialdatenbanken + Middleware führt SurrealQL mit Reciprocal Rank Fusion (RRF) Vektor-Ähnlichkeit (HNSW) und lexikalische BM25-Treffer in einer Query zusammen; Graph-Kanten liefern relationalen Kontext im selben Schritt. Bei Modern Stack läuft der Knowledge Graph typischerweise auf SurrealDB (Hetzner DE), CRM/Anfragen auf Convex (EU).
Welche Rolle haben Resend und Vercel Edge?
Resend plus React Email macht Transaktionsmails zu typisierten, versionierbaren Komponenten — geeignet für KI-Workflows, die personalisierte Inhalte serverseitig erzeugen, statt starre SMTP-Templates zu pflegen. Vercel verteilt Next.js global über Edge-/Serverless; geringere RTT zu Nutzer und reaktiven Backends, automatische Skalierung ohne klassisches Webhosting — siehe Hosting nach Migration.
Architekturvergleich: Monolith vs. AI-Ökosystem
| Kriterium | Monolithisches CMS (WordPress, Wix, Jimdo, Squarespace) | Modernes AI-Ökosystem (Next.js, Convex, SurrealDB, Resend, Vercel) |
|---|---|---|
| Datenübertragung | Synchrones HTTP Request-Response | Bidirektionales Streaming (SSE, WebSockets) |
| UI-Rendering | Monolithisches HTML / schwere Client-Hydration | React Server Components & Generative UI Streaming |
| Typisierung | Schwach typisiert, Laufzeitfehler häufig | TypeScript Ende-zu-Ende (Schema → UI) |
| Datenbank & Index | Relational/NoSQL ohne native Vektoren | Reaktiv / Multi-Model mit HNSW & BM25 |
| Retrieval | Exakte Keyword-Suche | Hybrid-Suche via RRF |
| Laufzeitsicherheit | Shared-Process + Plugin-Angriffsfläche | Isolierte Serverless-Runtimes |
| Latenz & Skalierung | Hoch bei dynamischen KI-Calls | Edge-Compute, niedrige RTT |
| Deployment | GUI-/Server-Pflege | Git-zentriertes CI/CD, typisierte Komponenten |
Was bedeutet das für Unternehmen?
Webseiten entwickeln sich von Dokumentenspeichern zu Schnittstellen für agentische Orchestrierung: Nutzer, Modelle und interne Datenbestände. Generative UI bedeutet, dass sich die Oberfläche zur Laufzeit an die Absicht anpasst — weit über ein Chatfenster hinaus.
Ökonomisch: No-Code und CMS starten günstig, aber die Total Cost of Ownership explodiert, sobald KI über Plugins, Gateways und externe Vector-Stores nachgerüstet wird (Wartung, Security-Patches, Glue-Code). Ein typisierter Stack erkennt Fehler früher und spart Middleware — bei Modern Stack der Pfad über Migration ab 500 €, optional Knowledge Graph und Conversion.
Welche Handlungsempfehlungen gelten jetzt?
- Streaming zuerst: Antworten und UI progressiv übertragen, nicht als Monolith-Payload.
- Native Hybrid-Daten: Vektor + Keyword (+ Graph) in der Engine, nicht über drei Netzhops.
- Generative UI: Strukturierte Komponenten statt nur Chat-Text.
- Isolation: Keine Shared-Process-Plugins für Tool-Calling gegen untrusted Input.
- Maschinenlesbarkeit: Sauberes HTML, Entities, optional llms.txt — ergänzend zu Next.js vs WordPress für GEO.
Wer KI tief in Produkt und Webseite integrieren will, stößt mit CMS-Monolithen an Leistungs-, Sicherheits- und Datenhaltungsgrenzen. Der Wechsel zu Next.js plus reaktiven/multimodalen Datenbanken ist die architektonische Konsequenz — und der Kern von Modern Stack.
Mehr dazu: Webseite-Modernisierung
Quellen
- AI SDK by Vercel — Vercel
Offizielle Dokumentation zum Vercel AI SDK (Streaming, Tools, UI).
- GitHub — vercel/ai — Vercel / GitHub
Quellcode und Releases des TypeScript AI Toolkit.
- What is SurrealDB — SurrealDB
Offizielle Multi-Model-Beschreibung (Dokument, Graph, Vektor, Volltext).
- SurrealDB Features — SurrealDB
Feature-Übersicht inkl. Indizes und Abfragefähigkeiten.
- Hybrid search inside SurrealDB (vector + keyword + RRF) — DEV Community
Praxisbeschreibung hybrider Suche mit Reciprocal Rank Fusion.
- Beyond basic RAG on SurrealDB — SurrealDB / Medium
Erweiterte RAG-/Reasoning-Muster auf SurrealDB.
- Vector search model — SurrealDB — SurrealDB
Offizielles Vektor-/Ähnlichkeitssuch-Modell.
- WordPress Vulnerability Statistics — WPScan
Langjährige Statistik zu Plugin-/Core-Schwachstellen.
- Convex — Convex
Offizielle Plattformseite (reaktives Backend, Functions, Realtime).
- What Is Convex? A Complete Guide — Makers Den
Unabhängige Architekturübersicht zu reaktiven Queries und Latenz.
- Vercel AI SDK guide (Developers Digest) — Developers Digest
Praxisleitfaden zu Streaming und Tool Calling mit dem AI SDK.
- Next.js vs WordPress für GEO (Modern Stack) — Modern Stack
Interner Architektur-/GEO-Vergleich Next.js vs. WordPress.
- Webseite-Modernisierung (Modern Stack) — Modern Stack
Produkt-Pillar für Stack-Migration.
Häufige Fragen
Warum reichen WordPress und Webseite-Baukästen für KI-Features nicht?
Weil sie auf synchrones Request-Response und Dokumentenauslieferung ausgelegt sind. Token-Streaming von LLMs blockiert Threads, Timeouts werden wahrscheinlicher, und Plugin-Erweiterungen teilen oft denselben Prozess und Datenbankzugriff wie der Kern — riskant bei agentischen Tool-Calls.
Was ist der Architekturunterschied zu Next.js + Vercel AI SDK?
Wozu Convex und SurrealDB — reicht eine MySQL-Datenbank?
Welche Rolle spielen Resend und Vercel?
Was empfiehlt Modern Stack als nächsten Schritt?
Kritische Seiten auf einen SSR/SSG-Stack migrieren (Webseite-Modernisierung ab 500 €), Streaming und serverseitige Datenpfade planen, optional Knowledge Graph für thematische Entities — siehe auch Next.js vs WordPress.
Weiterlesen
- 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.
- 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.
- 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.
- WordPress-Migration
WordPress-, Elementor- und Divi-Webseiten auf modernen Web-Stack migrieren — ohne Plugin-Wartung, mit Übernahme bestehender Inhalte. Ab 500 €.
- Wix- und Jimdo-Migration
Modern Stack migriert Wix- und Jimdo-Webseiten auf einen modernen Web-Stack, übernimmt verwertbare Inhalte und ordnet bestehende URLs neu zu. Der Baukastenvertrag ist danach nicht mehr die technische Grundlage der Webseite.
- 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.
- 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.
- Knowledge Graph
Thematische Seiten rund um Leistungen, Fragen und Fachgebiete — damit Sie zu Branchenthemen gefunden und in KI-Antworten zitiert werden, nicht nur zum Firmennamen. Zusatzmodul 500 €.
- Modern Stack
Modern Stack modernisiert bestehende Unternehmenswebseiten im D-A-CH-Raum — Technik erneuern, Inhalte behalten, lokal und in der KI-Suche sichtbar bleiben.
- 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.
- Wix
Wix ist ein gehosteter Webseiten-Baukasten: Editor, Hosting, Domain und Zusatzfunktionen kommen aus einer Hand und sind fest gekoppelt. Das macht den Start einfach, begrenzt aber Code-Export, Hosting-Freiheit und tiefe technische Kontrolle.
- 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.
- Jimdo
Jimdo ist ein gehosteter Webseiten-Baukasten aus Hamburg für einfache Unternehmensauftritte: schneller Start per Editor, aber ohne Zugriff auf Server, Dateien und Header — das begrenzt Performance und KI-Lesbarkeit.
- GEO & AI-Sichtbarkeit
Warum moderne Webseiten für Google und KI-Systeme strukturiert sein müssen — und wie Modern Stack die technische Grundlage für GEO, AIO und Zitation in generativen Antworten schafft.
- Edge Rendering
Edge-Rendering führt das Erzeugen von HTML oder API-Antworten auf Servern nah am Nutzer aus, statt zentral in einem Rechenzentrum. Es senkt Latenz für dynamische Antworten und ergänzt das CDN, das statische Dateien ausliefert.
- RAG
RAG (Retrieval-Augmented Generation) ergänzt ein Sprachmodell um eine Suchstufe: Vor der Antwort werden passende Textstellen abgerufen und dem Modell mitgegeben. Für Webseiten heißt das: klare, aktuelle, kurze Abschnitte.
- 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.
- Hosting nach der Migration
Nach der Migration wird kein klassisches WordPress-Hosting mehr benötigt. Die Webseite wird über eine moderne Plattform mit CDN- und Edge-Auslieferung betrieben; Domain, E-Mail und DNS können dabei getrennt und unverändert bleiben.
- Datenschutz & Formulare
Datensparsame Formulare erheben nur notwendige Angaben, erklären Zweck und Zustellung und vermeiden unnötige Drittanbieter. Technik ersetzt keine Rechtsberatung, kann aber Risiken und Datenflüsse deutlich reduzieren.
- llms.txt für Agenten
Was llms.txt und llms.json leisten — und warum sie nur Ergänzung zu crawlbarem, servergerendertem HTML sind, kein Ersatz für Inhalte.
- Pagebuilder-Ablösung
Warum Elementor, Divi & Co. Performance und GEO behindern — und wie Migration Inhalte behält, aber sauberes Markup schafft.
- Preise & Pakete
Modern Stack modernisiert bestehende Webseiten ab 500 € für bis zu 10 Seiten. Redesign kostet 1.000 €. Alternativ gibt es das Webseiten Abo für 49 €/Monat (12 Monate, inkl. Design, Hosting und kleineren Updates). Knowledge Graph und Conversion starten bei 500 €.
- Bad Schönborn
Bad Schönborn mit Ortsteilen Mingolsheim und Langenbrücken: Lage, Geschichte, Kur/Reha, Wirtschaft und Verkehr — Place-Hub für Gemeinde-Intent. Anfragen zur Webseite-Modernisierung über /bad-schoenborn.
- Beste Webdesign-Agenturen in Bad Schönborn 2026 — Ranking nach KI-Sichtbarkeit
Vergleich lokaler und regionaler Webdesign-Agenturen für Bad Schönborn: Live-Audit der eigenen Agentur-Webseiten, Impressum-Sitz, Maschinenlesbarkeit und warum hübsche Seiten ohne KI-Layer unsichtbar werden.
- 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.
- Bruchsal
Webseite-Modernisierung für Unternehmen in Bruchsal: WordPress- und Baukasten-Seiten auf modernen Web-Stack — für Handwerk, Mittelstand und Industrie in der TechnologieRegion Karlsruhe, ab 500 €.
- Kraichgau
Webseite-Modernisierung für Unternehmen im Kraichgau: Mittelstand, Handwerk und Praxen — WordPress und Baukasten auf modernen Stack, lokal sichtbar ab 500 €.
- 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.
- Next.js
Next.js ist ein React-Framework von Vercel für Webanwendungen und Unternehmensseiten. Es rendert Seiten auf dem Server oder vorab (SSR, SSG, ISR) und liefert fertiges HTML — gut für Geschwindigkeit, Suche und KI.
- QI-GEO — Query-Implied Generative Engine Optimization
Technischer Leitfaden zu Query-Implied GEO: Intent aus der Dokumentstruktur ableiten, Wissenslücken schließen und Zitationsdichte in generativen Suchmaschinen maximieren — ohne explizite Ziel-Queries.
- 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.