---
title: "Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack"
title_en: "Web architecture in the AI era — from CMS monoliths to reactive full-stack"
description: "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."
description_en: "Why WordPress, Wix, Jimdo and Squarespace struggle with streaming, RAG and agent workflows — and how Next.js, Convex, SurrealDB, Resend and Vercel form an AI-ready stack."
summary_en: "Why WordPress, Wix, Jimdo and Squarespace struggle with streaming, RAG and agent workflows — and how Next.js, Convex, SurrealDB, Resend and Vercel form an AI-ready stack."
direct_answer_en: "Traditional CMS monoliths use synchronous request-response and relational stores built for documents, not token streaming, vector retrieval or isolated agent tool calls. An AI-ready stack combines Next.js (RSC + streaming), Convex (reactive backend + vectors), SurrealDB (hybrid graph/vector/BM25 via RRF), Resend (typed transactional mail) and Vercel edge delivery — with server-side data paths and sandbox isolation instead of shared-process plugins."
url: "https://modern-stack.de/themen/webarchitektur-ki-zeitalter"
type: "topic"
kind: "concept"
language: de-DE
updated_at: "2026-09-29T08:00:00+00:00"
---

# Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack

## English Abstract

Why WordPress, Wix, Jimdo and Squarespace struggle with streaming, RAG and agent workflows — and how Next.js, Convex, SurrealDB, Resend and Vercel form an AI-ready stack.

## Quick Answer (EN)

Traditional CMS monoliths use synchronous request-response and relational stores built for documents, not token streaming, vector retrieval or isolated agent tool calls. An AI-ready stack combines Next.js (RSC + streaming), Convex (reactive backend + vectors), SurrealDB (hybrid graph/vector/BM25 via RRF), Resend (typed transactional mail) and Vercel edge delivery — with server-side data paths and sandbox isolation instead of shared-process plugins.

## Key Takeaways (EN)

- Sync HTTP + shared-process plugins block LLM token streams and raise security risk under agent tool calling.
- RAG needs native vector/HNSW (and preferably hybrid RRF) beside app data — bolted-on vector DBs add sync lag and hops.
- Next.js RSC + Vercel AI SDK enable token streaming and Generative UI without waiting for full model completion.
- Convex unifies reactive queries, ACID mutations and vectors in TypeScript; SurrealDB consolidates document/graph/vector/full-text in one SurrealQL engine.
- Migration economics: CMS TCO spikes when AI is bolted on; typed full-stack cuts middleware glue and runtime failures.

## English Summary

In the AI era, websites shift from passive document delivery to orchestration between users, models and internal data. Classic CMS platforms (WordPress, Wix, Jimdo, Squarespace) optimize for synchronous HTML/JSON responses and relational exact-match stores. LLMs emit tokens over time; forcing streams through sync server threads causes timeouts and poor UX. Plugin ecosystems share process privileges with the core — risky when agents run tools against untrusted input (prompt injection). RAG needs high-dimensional embeddings and HNSW-style indexes; external vector DBs create dual writes and latency. Modern Stack aligns with Next.js App Router/RSC for progressive UI updates, Vercel AI SDK for provider-agnostic streaming, tool calling (Zod schemas) and agent loops, Convex for reactive WebSocket state plus colocated vectors, SurrealDB for hybrid RRF (vector + BM25 + graph context), Resend/React Email for typed transactional mail, and Vercel edge for low-latency delivery. Enterprises should prefer streaming protocols, native multimodal databases and Generative UI over chatbot text dumps. Modern Stack implements this via Website modernization (from €500), optional Knowledge Graph (€500) and conversion modules.


## Quick Answer

**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](/glossar/nextjs) (RSC + Streaming), [Convex](/glossar/convex) (reaktiv + Vektoren), [SurrealDB](/glossar/surrealdb) (Hybrid-Suche Graph/Vektor/Volltext), [Resend](/glossar/resend) und [Vercel](/glossar/vercel) Edge — serverseitig, isoliert und ohne Plugin-Shared-Process.

> Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen.
> Steve Baka

## Key Takeaways

- Sync-HTTP und Shared-Process-Plugins blockieren Token-Streams und erhöhen Risiko bei Agent-Tool-Calls.
- [RAG](/glossar/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.

## 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](/themen/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](/themen/wordpress-migration) bzw. [Wix-/Jimdo-Migration](/themen/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](/glossar/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](/themen/knowledge-graph) und Multi-Model-Engines wie SurrealDB.

## Was leisten Next.js und das Vercel AI SDK?

[Next.js](/glossar/nextjs) 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](/themen/ssr-ssg-stack) und bessere [Core Web Vitals](/themen/core-web-vitals-modernisierung).

## Wie passen Convex und SurrealDB zusammen?

[Convex](/glossar/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](/glossar/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](/glossar/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](/glossar/vercel) verteilt Next.js global über Edge-/Serverless; geringere RTT zu Nutzer und reaktiven Backends, automatische Skalierung ohne klassisches Webhosting — siehe [Hosting nach Migration](/themen/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?

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](/themen/llms-txt-agenten) — ergänzend zu [Next.js vs WordPress für GEO](/themen/nextjs-vs-wordpress-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](/themen/modern-stack).

## Quellen

- [AI SDK by Vercel](https://ai-sdk.dev/docs/introduction) — Vercel; Offizielle Dokumentation zum Vercel AI SDK (Streaming, Tools, UI).
- [GitHub — vercel/ai](https://github.com/vercel/ai) — Vercel / GitHub; Quellcode und Releases des TypeScript AI Toolkit.
- [What is SurrealDB](https://surrealdb.com/docs/what-is-surrealdb) — SurrealDB; Offizielle Multi-Model-Beschreibung (Dokument, Graph, Vektor, Volltext).
- [SurrealDB Features](https://surrealdb.com/surrealdb/features) — SurrealDB; Feature-Übersicht inkl. Indizes und Abfragefähigkeiten.
- [Hybrid search inside SurrealDB (vector + keyword + RRF)](https://dev.to/atwmarshall/hybrid-search-inside-surrealdb-one-query-vector-keyword-rrf-5ade) — DEV Community; Praxisbeschreibung hybrider Suche mit Reciprocal Rank Fusion.
- [Beyond basic RAG on SurrealDB](https://medium.com/surrealdb/beyond-basic-rag-building-a-multi-cycle-reasoning-engine-on-surrealdb-a2eb5e01b7da) — SurrealDB / Medium; Erweiterte RAG-/Reasoning-Muster auf SurrealDB.
- [Vector search model — SurrealDB](https://surrealdb.com/docs/learn/data-models/vector-search/overview) — SurrealDB; Offizielles Vektor-/Ähnlichkeitssuch-Modell.
- [WordPress Vulnerability Statistics](https://wpscan.com/statistics/) — WPScan; Langjährige Statistik zu Plugin-/Core-Schwachstellen.
- [Convex](https://www.convex.dev/) — Convex; Offizielle Plattformseite (reaktives Backend, Functions, Realtime).
- [What Is Convex? A Complete Guide](https://makersden.io/blog/what-is-convex) — Makers Den; Unabhängige Architekturübersicht zu reaktiven Queries und Latenz.
- [Vercel AI SDK guide (Developers Digest)](https://www.developersdigest.tech/blog/vercel-ai-sdk-guide) — Developers Digest; Praxisleitfaden zu Streaming und Tool Calling mit dem AI SDK.
- [Next.js vs WordPress für GEO (Modern Stack)](https://modern-stack.de/themen/nextjs-vs-wordpress-geo) — Modern Stack; Interner Architektur-/GEO-Vergleich Next.js vs. WordPress.
- [Website-Modernisierung (Modern Stack)](https://modern-stack.de/themen/website-modernisierung) — Modern Stack; Produkt-Pillar für Stack-Migration.

## FAQ

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

[[entity:nextjs|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 [[entity:rag|RAG]]. [[entity:convex|Convex]] liefert reaktive Abos, ACID-Mutationen und Vektorindizes neben App-Daten. [[entity:surrealdb|SurrealDB]] vereint Dokument, Graph, Vektor und Volltext inkl. Hybrid-Suche (HNSW + BM25 via Reciprocal Rank Fusion).

### Welche Rolle spielen Resend und Vercel?

[[entity:resend|Resend]] (mit React Email) macht Transaktionsmails zu typisierten Komponenten statt fragiler SMTP-Templates. [[entity:vercel|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 ([[entity:website-modernisierung|Website-Modernisierung]] ab 500 €), Streaming und serverseitige Datenpfade planen, optional [[entity:knowledge-graph|Knowledge Graph]] für thematische Entities — siehe auch [[entity:nextjs-vs-wordpress-geo|Next.js vs WordPress]].

## Related

- [Website-Modernisierung](https://modern-stack.de/themen/website-modernisierung)
- [Next.js vs WordPress in der KI-Suche](https://modern-stack.de/themen/nextjs-vs-wordpress-geo)
- [WordPress-Migration](https://modern-stack.de/themen/wordpress-migration)
- [Wix- und Jimdo-Migration](https://modern-stack.de/themen/wix-jimdo-migration)
- [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack)
- [Knowledge Graph](https://modern-stack.de/themen/knowledge-graph)
- [Modern Stack](https://modern-stack.de/themen/modern-stack)
- [SurrealDB](https://modern-stack.de/glossar/surrealdb)
- [Convex](https://modern-stack.de/glossar/convex)
- [GEO & AI-Sichtbarkeit](https://modern-stack.de/themen/geo-ai-sichtbarkeit)
- [Vercel](https://modern-stack.de/glossar/vercel)
- [Wix](https://modern-stack.de/glossar/wix)
- [Resend](https://modern-stack.de/glossar/resend)
- [Jimdo](https://modern-stack.de/glossar/jimdo)
- [Hosting nach der Migration](https://modern-stack.de/themen/hosting-nach-migration)
- [Edge Rendering](https://modern-stack.de/glossar/edge-rendering)
- [RAG](https://modern-stack.de/glossar/rag)
- [WordPress](https://modern-stack.de/glossar/wordpress)
- [Pagebuilder-Ablösung](https://modern-stack.de/themen/pagebuilder-abloesung)
- [Datenschutz & Formulare](https://modern-stack.de/themen/datenschutz-formulare)
- [llms.txt für Agenten](https://modern-stack.de/themen/llms-txt-agenten)
- [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung)
- [Preise & Pakete](https://modern-stack.de/themen/preise-pakete)
- [Bad Schönborn](https://modern-stack.de/regionen/bad-schoenborn)
- [Bruchsal](https://modern-stack.de/regionen/bruchsal)
- [Kraichgau](https://modern-stack.de/regionen/kraichgau)
- [SSR](https://modern-stack.de/glossar/ssr)
- [Next.js](https://modern-stack.de/glossar/nextjs)

## Inline Entity Mentions

- [[entity:nextjs]] → https://modern-stack.de/themen/nextjs
- [[entity:convex]] → https://modern-stack.de/themen/convex
- [[entity:surrealdb]] → https://modern-stack.de/themen/surrealdb
- [[entity:resend]] → https://modern-stack.de/themen/resend
- [[entity:vercel]] → https://modern-stack.de/themen/vercel
- [[entity:rag]] → https://modern-stack.de/themen/rag
- [[entity:website-modernisierung]] → https://modern-stack.de/themen/website-modernisierung
- [[entity:wordpress-migration]] → https://modern-stack.de/themen/wordpress-migration
- [[entity:wix-jimdo-migration]] → https://modern-stack.de/themen/wix-jimdo-migration
- [[entity:knowledge-graph]] → https://modern-stack.de/themen/knowledge-graph
- [[entity:ssr-ssg-stack]] → https://modern-stack.de/themen/ssr-ssg-stack
- [[entity:core-web-vitals-modernisierung]] → https://modern-stack.de/themen/core-web-vitals-modernisierung
- [[entity:hosting-nach-migration]] → https://modern-stack.de/themen/hosting-nach-migration
- [[entity:llms-txt-agenten]] → https://modern-stack.de/themen/llms-txt-agenten
- [[entity:nextjs-vs-wordpress-geo]] → https://modern-stack.de/themen/nextjs-vs-wordpress-geo
- [[entity:modern-stack]] → https://modern-stack.de/themen/modern-stack

## Strukturierte Daten

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://modern-stack.de/#website",
      "url": "https://modern-stack.de",
      "name": "Modern Stack",
      "description": "Wir modernisieren bestehende Unternehmenswebsites — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.",
      "publisher": {
        "@id": "https://modern-stack.de/#organization"
      },
      "inLanguage": "de-DE"
    },
    {
      "@type": [
        "Organization",
        "ProfessionalService"
      ],
      "@id": "https://modern-stack.de/#organization",
      "name": "Modern Stack",
      "legalName": "Modern Stack",
      "url": "https://modern-stack.de",
      "logo": "https://modern-stack.de/brand/logo.png",
      "email": "info@modern-stack.de",
      "telephone": "+49 152 25317285",
      "sameAs": [
        "https://stevebaka.de",
        "https://www.linkedin.com/in/steve-baka/",
        "https://www.mallorca-expats.de"
      ],
      "foundingLocation": {
        "@type": "Place",
        "name": "Bad Schönborn, Deutschland"
      },
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Glöckelsberg 13/2",
        "postalCode": "76669",
        "addressLocality": "Bad Schönborn",
        "addressRegion": "Baden-Württemberg",
        "addressCountry": "DE"
      },
      "areaServed": [
        {
          "@type": "Place",
          "name": "Bad Schönborn",
          "url": "https://modern-stack.de/regionen/bad-schoenborn"
        },
        {
          "@type": "Place",
          "name": "Mingolsheim",
          "alternateName": "Bad Mingolsheim",
          "url": "https://modern-stack.de/regionen/mingolsheim"
        },
        {
          "@type": "Country",
          "name": "DE"
        },
        {
          "@type": "Country",
          "name": "AT"
        },
        {
          "@type": "Country",
          "name": "CH"
        }
      ],
      "knowsAbout": [
        "Website-Modernisierung",
        "WordPress-Migration",
        "Generative Engine Optimization",
        "Lokale Sichtbarkeit Bad Schönborn"
      ],
      "founder": {
        "@id": "https://modern-stack.de/#person"
      }
    },
    {
      "@type": "Person",
      "@id": "https://modern-stack.de/#person",
      "name": "Steve Baka",
      "jobTitle": "Gründer, Modern Stack",
      "url": "https://stevebaka.de",
      "email": "steve@modern-stack.de",
      "telephone": "+49 152 25317285",
      "sameAs": [
        "https://stevebaka.de",
        "https://www.linkedin.com/in/steve-baka/",
        "https://www.mallorca-expats.de",
        "https://geo-seo-aio.de"
      ],
      "worksFor": {
        "@id": "https://modern-stack.de/#organization"
      },
      "knowsAbout": [
        "Website-Modernisierung",
        "Generative Engine Optimization",
        "AI Search",
        "WordPress Migration",
        "Knowledge Graph",
        "Lokale Sichtbarkeit D-A-CH"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#webpage",
      "url": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter",
      "name": "Webarchitektur KI-Zeitalter: CMS vs. Next.js, Convex, SurrealDB | Modern Stack",
      "description": "Vom WordPress-/Baukasten-Monolithen zum reaktiven Full-Stack: Streaming, RAG, Generative UI, Convex, SurrealDB, Resend und Vercel — Architekturvergleich und Handlungsempfehlungen.",
      "isPartOf": {
        "@id": "https://modern-stack.de/#website"
      },
      "about": {
        "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#main"
      },
      "breadcrumb": {
        "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#breadcrumb"
      },
      "dateModified": "2026-09-29T08:00:00+00:00",
      "inLanguage": "de-DE"
    },
    {
      "@type": "Article",
      "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#main",
      "name": "Webarchitektur KI-Zeitalter: CMS vs. Next.js, Convex, SurrealDB",
      "headline": "Webarchitektur KI-Zeitalter: CMS vs. Next.js, Convex, SurrealDB",
      "alternateName": "Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack",
      "description": "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.",
      "abstract": [
        {
          "@value": "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.",
          "@language": "de"
        },
        {
          "@value": "Why WordPress, Wix, Jimdo and Squarespace struggle with streaming, RAG and agent workflows — and how Next.js, Convex, SurrealDB, Resend and Vercel form an AI-ready stack.",
          "@language": "en"
        }
      ],
      "url": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter",
      "inLanguage": [
        "de-DE",
        "en"
      ],
      "datePublished": "2026-09-29T08:00:00+00:00",
      "dateModified": "2026-09-29T08:00:00+00:00",
      "author": {
        "@id": "https://modern-stack.de/#person"
      },
      "publisher": {
        "@id": "https://modern-stack.de/#organization"
      },
      "mainEntityOfPage": {
        "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#webpage"
      },
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": [
          ".gb-direct-answer",
          ".gb-faq-answer"
        ]
      },
      "encoding": {
        "@type": "MediaObject",
        "encodingFormat": "text/markdown",
        "name": "English direct answer",
        "text": "Traditional CMS monoliths use synchronous request-response and relational stores built for documents, not token streaming, vector retrieval or isolated agent tool calls. An AI-ready stack combines Next.js (RSC + streaming), Convex (reactive backend + vectors), SurrealDB (hybrid graph/vector/BM25 via RRF), Resend (typed transactional mail) and Vercel edge delivery — with server-side data paths and sandbox isolation instead of shared-process plugins."
      },
      "citation": [
        "https://ai-sdk.dev/docs/introduction",
        "https://github.com/vercel/ai",
        "https://surrealdb.com/docs/what-is-surrealdb",
        "https://surrealdb.com/surrealdb/features",
        "https://dev.to/atwmarshall/hybrid-search-inside-surrealdb-one-query-vector-keyword-rrf-5ade",
        "https://medium.com/surrealdb/beyond-basic-rag-building-a-multi-cycle-reasoning-engine-on-surrealdb-a2eb5e01b7da",
        "https://surrealdb.com/docs/learn/data-models/vector-search/overview",
        "https://wpscan.com/statistics/",
        "https://www.convex.dev/",
        "https://makersden.io/blog/what-is-convex",
        "https://www.developersdigest.tech/blog/vercel-ai-sdk-guide",
        "https://modern-stack.de/themen/nextjs-vs-wordpress-geo",
        "https://modern-stack.de/themen/website-modernisierung"
      ],
      "mentions": [
        {
          "@type": "Thing",
          "name": "Website-Modernisierung",
          "alternateName": "Website modernization",
          "url": "https://modern-stack.de/themen/website-modernisierung"
        },
        {
          "@type": "Thing",
          "name": "Next.js vs WordPress in der KI-Suche",
          "alternateName": "Next.js vs WordPress for AI Search (GEO/AIO)",
          "url": "https://modern-stack.de/themen/nextjs-vs-wordpress-geo"
        },
        {
          "@type": "Thing",
          "name": "WordPress-Migration",
          "alternateName": "WordPress migration",
          "url": "https://modern-stack.de/themen/wordpress-migration"
        },
        {
          "@type": "Thing",
          "name": "Wix- und Jimdo-Migration",
          "alternateName": "Wix and Jimdo migration",
          "url": "https://modern-stack.de/themen/wix-jimdo-migration"
        },
        {
          "@type": "Thing",
          "name": "SSR/SSG-Stack",
          "alternateName": "SSR/SSG stack",
          "url": "https://modern-stack.de/themen/ssr-ssg-stack"
        },
        {
          "@type": "Thing",
          "name": "Knowledge Graph",
          "alternateName": "Knowledge graph",
          "url": "https://modern-stack.de/themen/knowledge-graph"
        },
        {
          "@type": "Thing",
          "name": "Modern Stack",
          "alternateName": "Modern Stack",
          "url": "https://modern-stack.de/themen/modern-stack"
        },
        {
          "@type": "Thing",
          "name": "SurrealDB",
          "alternateName": "SurrealDB",
          "url": "https://modern-stack.de/glossar/surrealdb"
        },
        {
          "@type": "Thing",
          "name": "Convex",
          "alternateName": "Convex",
          "url": "https://modern-stack.de/glossar/convex"
        },
        {
          "@type": "Thing",
          "name": "GEO & AI-Sichtbarkeit",
          "alternateName": "GEO and AI visibility",
          "url": "https://modern-stack.de/themen/geo-ai-sichtbarkeit"
        },
        {
          "@type": "Thing",
          "name": "Vercel",
          "alternateName": "Vercel",
          "url": "https://modern-stack.de/glossar/vercel"
        },
        {
          "@type": "Thing",
          "name": "Wix",
          "alternateName": "Wix",
          "url": "https://modern-stack.de/glossar/wix"
        },
        {
          "@type": "Thing",
          "name": "Resend",
          "alternateName": "Resend",
          "url": "https://modern-stack.de/glossar/resend"
        },
        {
          "@type": "Thing",
          "name": "Jimdo",
          "alternateName": "Jimdo",
          "url": "https://modern-stack.de/glossar/jimdo"
        },
        {
          "@type": "Thing",
          "name": "Hosting nach der Migration",
          "alternateName": "Hosting after migration",
          "url": "https://modern-stack.de/themen/hosting-nach-migration"
        },
        {
          "@type": "Thing",
          "name": "Edge Rendering",
          "alternateName": "Edge rendering",
          "url": "https://modern-stack.de/glossar/edge-rendering"
        },
        {
          "@type": "Thing",
          "name": "RAG",
          "alternateName": "Retrieval-Augmented Generation",
          "url": "https://modern-stack.de/glossar/rag"
        },
        {
          "@type": "Thing",
          "name": "WordPress",
          "alternateName": "WordPress",
          "url": "https://modern-stack.de/glossar/wordpress"
        },
        {
          "@type": "Thing",
          "name": "Pagebuilder-Ablösung",
          "alternateName": "Page builder replacement",
          "url": "https://modern-stack.de/themen/pagebuilder-abloesung"
        },
        {
          "@type": "Thing",
          "name": "Datenschutz & Formulare",
          "alternateName": "Privacy and website forms",
          "url": "https://modern-stack.de/themen/datenschutz-formulare"
        },
        {
          "@type": "Thing",
          "name": "llms.txt für Agenten",
          "alternateName": "llms.txt for agents",
          "url": "https://modern-stack.de/themen/llms-txt-agenten"
        },
        {
          "@type": "Thing",
          "name": "Core Web Vitals & Modernisierung",
          "alternateName": "Core Web Vitals and modernization",
          "url": "https://modern-stack.de/themen/core-web-vitals-modernisierung"
        },
        {
          "@type": "Thing",
          "name": "Preise & Pakete",
          "alternateName": "Pricing and packages",
          "url": "https://modern-stack.de/themen/preise-pakete"
        },
        {
          "@type": "Thing",
          "name": "Bad Schönborn",
          "alternateName": "Bad Schönborn",
          "url": "https://modern-stack.de/regionen/bad-schoenborn"
        },
        {
          "@type": "Thing",
          "name": "Bruchsal",
          "alternateName": "Bruchsal",
          "url": "https://modern-stack.de/regionen/bruchsal"
        },
        {
          "@type": "Thing",
          "name": "Kraichgau",
          "alternateName": "Kraichgau",
          "url": "https://modern-stack.de/regionen/kraichgau"
        },
        {
          "@type": "Thing",
          "name": "SSR",
          "alternateName": "Server-Side Rendering",
          "url": "https://modern-stack.de/glossar/ssr"
        },
        {
          "@type": "Thing",
          "name": "Next.js",
          "alternateName": "Next.js",
          "url": "https://modern-stack.de/glossar/nextjs"
        }
      ],
      "about": "AI-ready web architecture"
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Startseite",
          "item": "https://modern-stack.de/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Themen",
          "item": "https://modern-stack.de/themen"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Website-Modernisierung",
          "item": "https://modern-stack.de/themen/website-modernisierung"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack",
          "item": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Warum reichen WordPress und Website-Baukästen für KI-Features nicht?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "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."
          }
        },
        {
          "@type": "Question",
          "name": "Was ist der Architekturunterschied zu Next.js + Vercel AI SDK?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "[[entity:nextjs|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."
          }
        },
        {
          "@type": "Question",
          "name": "Wozu Convex und SurrealDB — reicht eine MySQL-Datenbank?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Relationale CMS-DBs sind für exakte Matches optimiert, nicht für [[entity:rag|RAG]]. [[entity:convex|Convex]] liefert reaktive Abos, ACID-Mutationen und Vektorindizes neben App-Daten. [[entity:surrealdb|SurrealDB]] vereint Dokument, Graph, Vektor und Volltext inkl. Hybrid-Suche (HNSW + BM25 via Reciprocal Rank Fusion)."
          }
        },
        {
          "@type": "Question",
          "name": "Welche Rolle spielen Resend und Vercel?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "[[entity:resend|Resend]] (mit React Email) macht Transaktionsmails zu typisierten Komponenten statt fragiler SMTP-Templates. [[entity:vercel|Vercel]] liefert Next.js über Edge-/Serverless nahe am Nutzer und skaliert Compute ohne manuelle Serververwaltung."
          }
        },
        {
          "@type": "Question",
          "name": "Was empfiehlt Modern Stack als nächsten Schritt?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Kritische Seiten auf einen SSR/SSG-Stack migrieren ([[entity:website-modernisierung|Website-Modernisierung]] ab 500 €), Streaming und serverseitige Datenpfade planen, optional [[entity:knowledge-graph|Knowledge Graph]] für thematische Entities — siehe auch [[entity:nextjs-vs-wordpress-geo|Next.js vs WordPress]]."
          }
        }
      ]
    }
  ]
}
```