Single-Page-Applications (SPA)
Eine Single-Page-Application lädt einmal und aktualisiert danach nur die geänderten Teile. Das eignet sich für Portale, Dashboards und Werkzeuge mit vielen Interaktionen.
Wann sich eine SPA eignet
Typische Einsätze sind Dashboards, Konfiguratoren sowie Planungs- und Verwaltungsoberflächen. Für inhaltsgetriebene Websites sind serverseitig gerenderte Seiten meist schneller, barriereärmer und für Suchmaschinen einfacher. Diese Abgrenzung klären wir vor jedem Projekt.
Technik
Svelte und SvelteKit für kleine Bundles
Vue.js oder React, wenn dein Team bereits damit arbeitet
TypeScript für typsicheren Code
Laravel als API-Backend mit Authentifizierung über Sanctum
Anbindung an das Backend
Die SPA spricht über REST- oder GraphQL-APIs mit dem Server. Für Logins nutzen wir Cookie-basierte Sitzungen mit CSRF-Schutz. Tokens im lokalen Speicher des Browsers vermeiden wir, weil sie bei XSS-Lücken leicht abgegriffen werden.
Ladezeit und Barrierefreiheit
Code-Splitting je Ansicht
Serverseitiges Rendern für öffentliche Seiten
INP-Messung im Betrieb und Ladezeit-Budgets in der CI-Pipeline
Fokussteuerung und Screenreader-Ansagen bei jedem Ansichtswechsel
Vorgehen
Zuerst prüfen wir, ob eine SPA die richtige Architektur ist. Oberfläche und API entwerfen wir gemeinsam und entwickeln in kurzen Iterationen. Automatisierte Tests mit Playwright sichern die zentralen Abläufe. Besondere Sorgfalt gilt Ladezuständen und Verbindungsabbrüchen.