Eine SPA (Single Page Application) ist ein spezieller Typ von Web-App, bei der nur eine einzige HTML-Seite vom Server geladen wird und anschließend die gesamte Benutzeroberfläche dynamisch durch JavaScript aktualisiert wird, ohne dass komplette Seiten neu geladen werden müssen.

Hauptmerkmale einer SPA:

• Single-Page: Es wird nicht bei jedem Wechsel auf eine andere Sicht eine komplette HTML-Seite neu geladen. Alle Inhalte werden dynamisch nachgeladen, ohne dass der Browser die gesamte Seite aktualisieren muss
• Flüssigere Nutzererfahrung: Schnellere Interaktionen und App-ähnliches Gefühl
• Frontend-Routing: Die Navigation zwischen "Seiten" wird durch JavaScript-Routing simuliert
• AJAX/API-Kommunikation: Daten werden im Hintergrund von einer Server-API nachgeladen, dies ist extrem schnell und effizient
• Client-seitige Rendering-Technologie: Frameworks wie React, Angular, Aurelia oder Vue.js werden häufig verwendet

Beispiele für SPAs sind die web-basierten Oberflächen von Gmail, Facebook, Twitter und moderne Verwaltungsoberflächen.

Der Hauptvorteil liegt in der verbesserten Benutzerfreundlichkeit durch schnellere Reaktionszeiten und nahtlose Übergänge. Nachteile können anfängliche Ladezeiten, komplexere Entwicklung und potenzielle SEO-Herausforderungen sein.