Konzept

agent readableMarkdown

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

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 Website-Modernisierung im KI-Kontext Infrastruktur, kein Facelift.

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

KriteriumMonolithisches CMS (WordPress, Wix, Jimdo, Squarespace)Modernes AI-Ökosystem (Next.js, Convex, SurrealDB, Resend, Vercel)
DatenübertragungSynchrones HTTP Request-ResponseBidirektionales Streaming (SSE, WebSockets)
UI-RenderingMonolithisches HTML / schwere Client-HydrationReact Server Components & Generative UI Streaming
TypisierungSchwach typisiert, Laufzeitfehler häufigTypeScript Ende-zu-Ende (Schema → UI)
Datenbank & IndexRelational/NoSQL ohne native VektorenReaktiv / Multi-Model mit HNSW & BM25
RetrievalExakte Keyword-SucheHybrid-Suche via RRF
LaufzeitsicherheitShared-Process + Plugin-AngriffsflächeIsolierte Serverless-Runtimes
Latenz & SkalierungHoch bei dynamischen KI-CallsEdge-Compute, niedrige RTT
DeploymentGUI-/Server-PflegeGit-zentriertes CI/CD, typisierte Komponenten

Was bedeutet das für Unternehmen?

Websites 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?

  1. Streaming zuerst: Antworten und UI progressiv übertragen, nicht als Monolith-Payload.
  2. Native Hybrid-Daten: Vektor + Keyword (+ Graph) in der Engine, nicht über drei Netzhops.
  3. Generative UI: Strukturierte Komponenten statt nur Chat-Text.
  4. Isolation: Keine Shared-Process-Plugins für Tool-Calling gegen untrusted Input.
  5. Maschinenlesbarkeit: Sauberes HTML, Entities, optional llms.txt — ergänzend zu Next.js vs WordPress für GEO.

Wer KI tief in Produkt und Website 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: Website-Modernisierung

Quellen

Häufige Fragen

Warum reichen WordPress und Website-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?

Next.js mit React Server Components streamt UI und Modellausgaben schrittweise. Das Vercel AI SDK abstrahiert Anbieter (OpenAI, Anthropic, Google), unterstützt Generative UI und typsichere Tool-Aufrufe (z. B. via Zod) statt nur Text-Chatbots.

Wozu Convex und SurrealDB — reicht eine MySQL-Datenbank?

Relationale CMS-DBs sind für exakte Matches optimiert, nicht für RAG. Convex liefert reaktive Abos, ACID-Mutationen und Vektorindizes neben App-Daten. SurrealDB vereint Dokument, Graph, Vektor und Volltext inkl. Hybrid-Suche (HNSW + BM25 via Reciprocal Rank Fusion).

Welche Rolle spielen Resend und Vercel?

Resend (mit React Email) macht Transaktionsmails zu typisierten Komponenten statt fragiler SMTP-Templates. Vercel liefert Next.js über Edge-/Serverless nahe am Nutzer und skaliert Compute ohne manuelle Serververwaltung.

Was empfiehlt Modern Stack als nächsten Schritt?

Kritische Seiten auf einen SSR/SSG-Stack migrieren (Website-Modernisierung ab 500 €), Streaming und serverseitige Datenpfade planen, optional Knowledge Graph für thematische Entities — siehe auch Next.js vs WordPress.

Weiterlesen

  • Website-Modernisierung

    Was Website-Modernisierung bei Modern Stack bedeutet: bestehende WordPress- und Baukasten-Websites auf einen modernen Web-Stack bringen — Inhalte behalten, Technik erneuern, bereit für Google und KI-Suche.

  • 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-Websites auf modernen Web-Stack migrieren — ohne Plugin-Wartung, mit Übernahme bestehender Inhalte. Ab 500 €.

  • Wix- und Jimdo-Migration

    Modern Stack migriert Wix- und Jimdo-Websites auf einen modernen Web-Stack, übernimmt verwertbare Inhalte und ordnet bestehende URLs neu zu. Der Baukastenvertrag ist danach nicht mehr die technische Grundlage der Website.

  • 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.

  • 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 Unternehmenswebsites im D-A-CH-Raum — Technik erneuern, Inhalte behalten, lokal und in der KI-Suche sichtbar bleiben.

  • SurrealDB

    SurrealDB ist eine Multi-Model-Datenbank (Dokument, Graph, Vektor, Volltext, Zeitreihe) mit SurrealQL — geeignet für hybride RAG-Suche inkl. Reciprocal Rank Fusion.

  • Convex

    Convex ist ein reaktives TypeScript-Backend: Datenbank, Serverfunktionen, Realtime und optionale Vektorsuche in einer Umgebung — Clients abonnieren Abfragen statt REST-Polling.

  • GEO & AI-Sichtbarkeit

    Warum moderne Websites 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.

  • Vercel

    Vercel ist eine Cloud-Plattform für moderne Webanwendungen und besonders Next.js. Sie stellt Builds, CDN-, Edge- und Serverless-Ausführung sowie Vorschau- und Produktionsbereitstellungen bereit.

  • Wix

    Wix ist ein gehosteter Website-Baukasten. Hosting und Editor sind integriert; Export, technische Kontrolle und individuelle Datenmodelle sind gegenüber einem offenen Web-Stack begrenzt.

  • Resend

    Resend ist eine Entwickler-API für Transaktions-E-Mails; mit React Email werden Mails als typisierte Komponenten gebaut, versioniert und getestet.

  • Jimdo

    Jimdo ist ein gehosteter Website-Baukasten für kleine Websites und Shops. Bei wachsenden Anforderungen können begrenzte Exporte und Plattformabhängigkeit eine Migration erforderlich machen.

  • Hosting nach der Migration

    Nach der Migration wird kein klassisches WordPress-Hosting mehr benötigt. Die Website wird über eine moderne Plattform mit CDN- und Edge-Auslieferung betrieben; Domain, E-Mail und DNS können dabei getrennt und unverändert bleiben.

  • Edge Rendering

    Edge Rendering erzeugt oder verarbeitet Webantworten nahe am Standort des Nutzers. Es kann Netzwerklatenz reduzieren, ersetzt aber keine saubere Cache- und Datenstrategie.

  • RAG

    RAG (Retrieval-Augmented Generation) holt vor der Antwort relevante Passagen aus dem Web oder einer Wissensbasis. Langsame oder unklare Seiten fallen aus dem Kontext.

  • WordPress

    WordPress ist das meistgenutzte CMS — oft mit Themes, Plugins und Pagebuildern. Modern Stack migriert solche Sites auf einen modernen Stack.

  • Pagebuilder-Ablösung

    Warum Elementor, Divi & Co. Performance und GEO behindern — und wie Migration Inhalte behält, aber sauberes Markup schafft.

  • 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.

  • Core Web Vitals & Modernisierung

    Warum LCP, INP und CLS zur Website-Modernisierung gehören — und warum CDN-Caching allein selten reicht, wenn WordPress oder Pagebuilder das Markup aufblasen.

  • Preise & Pakete

    Modern Stack modernisiert bestehende Websites ab 500 € für bis zu 10 Seiten. Eine Modernisierung mit Redesign kostet 1.000 €, ein Knowledge Graph 500 € und Conversion-Optimierung startet bei 500 €.

  • Bad Schönborn

    Website modernisieren in Bad Schönborn: Modern Stack hilft lokalen Betrieben in Bad Schönborn, Mingolsheim und Langenbrücken — Stack erneuern, Inhalte behalten, in Google und KI-Antworten klar zitierbar werden.

  • Bruchsal

    Website-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

    Website-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) liefert fertiges HTML vom Server. Crawler und KI-Systeme können Inhalte ohne JavaScript-Ausführung lesen.

  • Next.js

    Next.js ist ein React-Framework mit SSR/SSG — typischer Zielstack von Growing Brands für moderne, crawlfähige Unternehmenswebsites.

Website kostenlos prüfen lassen

Schicken Sie uns die URL Ihrer bestehenden Website. Wir prüfen, ob eine unkomplizierte Migration möglich ist — und nennen Ihnen einen festen Preis.

Anfrage starten
← Content Hub·Website-Modernisierung