Umgebungsbasiertes Umschalten
Der Demo Mode wird über eine einzige Umgebungsvariable aktiviert. Ist er eingeschaltet, ersetzt die Anwendung alle Aufrufe externer Services durch lokale Simulationen — keine Clerk-Keys, keine Datenbankverbindung, kein Payment-Provider nötig. Das gesamte Produkt lässt sich direkt aus einem frischen Clone heraus erkunden.
Die Authentifizierung wird mit einer simulierten Benutzersitzung umgesetzt, die das echte Clerk-User-Objekt widerspiegelt. Geschützte Routen, Rollenprüfungen und Session Guards funktionieren dabei identisch wie in der Produktion. Nutzer sehen realistische Daten für Abonnements, Guthaben, Datei-Uploads und KI-Antworten — ganz ohne Backend-Infrastruktur.
API-Mocking mit MSW
Alle API-Aufrufe im Demo Mode werden von MSW (Mock Service Worker) Handlern im Browser abgefangen. Die Handler decken die gesamte API-Oberfläche ab — Subscription-Status, Credit-Operationen, Datei-Speicherung und gestreamte KI-Antworten. Da das Mocking auf Netzwerkebene stattfindet, verhalten sich Komponenten und Hooks exakt so, als würden sie gegen echte Endpunkte arbeiten.
Das macht den Demo Mode über Sales-Präsentationen hinaus nützlich. Während der lokalen Entwicklung können Mitwirkende an UI-Features arbeiten, ohne externe Services konfigurieren zu müssen. Das Onboarding eines neuen Teammitglieds dauert so Minuten statt Stunden.
Contributors
Sascha Rahn