Standard-Definition
Eine Single-Page Application (SPA) ist eine Web-Architektur, bei der die gesamte Anwendung in einer einzigen HTML-Seite läuft. Beim ersten Aufruf wird eine minimale HTML-Hülle plus ein JavaScript-Bundle geladen — alle weiteren Inhalte werden dann clientseitig per JavaScript nachgeladen und gerendert, ohne kompletten Seiten-Neu-Aufbau. Frameworks für SPA-Entwicklung sind unter anderem React, Vue, Angular, Svelte. SPAs liefern sehr schnelle Folge-Interaktionen ohne Page-Reloads, was sich nach dem initialen Lade-Vorgang wie eine native App anfühlt. Strukturelle Schwäche: bei der ersten Server-Antwort sehen Crawler praktisch eine leere HTML-Seite, was systematische SEO-Probleme verursacht — vor allem für KI-Such-Systeme, die JavaScript oft nicht oder verzögert verarbeiten.
Was das in der Mandate-Praxis bedeutet
SPAs sind in der modernen Web-Entwicklung wiederholt der falsche Default für inhalts-zentrierte Sites.
Erstens, der Anwendungs-Charakter rechtfertigt SPA, der Content-Charakter nicht. Eine echte Web-Anwendung mit komplexer Nutzer-Interaktion (Dashboard, Editor, kollaboratives Werkzeug) profitiert strukturell von SPA-Architektur. Eine inhalts-zentrierte Site (Blog, Marketing-Site, Shop) braucht keine SPA — sie braucht schnellen First Paint, Crawler-Verständigkeit, gute Core Web Vitals. Das wird in vielen Frontend-Projekten verwechselt, weil React/Vue/Angular standardmäßig SPA-Setups generieren.
Zweitens, der SEO-Workaround „Pre-Rendering" ist strukturell schwächer als echtes SSR. Pre-Rendering liefert Crawlern vor-gerenderte HTML aus einem Cache. Das löst die einfachsten Indexierungs-Probleme, scheitert aber bei AI-Crawlern, bei dynamischen Inhalten und bei Setup-Komplexität. Wer langfristig auf KI-Such-System-Sichtbarkeit setzt, sollte direkt auf Server-Side Rendering gehen — Pre-Rendering ist Übergangs-Lösung, kein Zielzustand.
Drittens, Migrations-Pfade SPA → SSR sind machbar, aber nicht trivial. Calvarius hat seit 2024 mehrere Lovable- und Custom-React-Sites von SPA auf SSR migriert (Next.js, TanStack Start, Astro je nach Mandate-Anforderung). Typische Aufwand-Werte: bei 10-15 Routen 12-25 Stunden, bei 25+ Routen 25-50 Stunden, operative Kosten 1.500-4.500 Euro für eine durchschnittliche Marketing-Site. Wirtschaftlich rentiert sich die Migration in den meisten Fällen innerhalb von 6-12 Monaten — durch bessere Such-Sichtbarkeit, höhere Core-Web-Vitals-Scores und AI-Such-System-Erschließung.