Wie ziehe ich in 30 Sekunden ein temporaeres Mock-API hoch?
Eine JSON-Vorlage mit Faker-Style-Tokens einfuegen (z. B. `{{name.full}}`, `{{email}}`, `{{uuid}}`, `{{repeat(3,5)}}`), "Create mock URL" klicken und eine eindeutige Adresse unter `/api/mock/{id}` bekommen, die deine Daten ausliefert.
Standardmaessig liefert jeder Call frische Zufallswerte (Dynamic-Mode), oder du frierst die Antwort ein (Static-Mode). Statuscode (200, 404, 500, ...), Response-Delay (bis 5 Sekunden, um langsame APIs zu simulieren) und Custom-Header konfigurieren.
Der Mock lebt 7 Tage und loescht sich dann selbst. Super fuer Prototypen, Frontend-Tests, Demos ohne Backend und das Mocken von Drittanbieter-APIs in E2E-Suites.
So benutzt du es
- Eine JSON-Vorlage in den Editor einfuegen oder "Insert sample" klicken fuer einen funktionierenden Startpunkt.
- Tokens wie `{{name.full}}`, `{{email}}`, `{{uuid}}`, `{{phone}}`, `{{number(1,100)}}`, `{{date.past}}`, `{{boolean}}`, `{{lorem(50)}}`, `{{address.city}}`, `{{url}}`, `{{color}}`, `{{ip}}` nutzen.
- Wiederholende Arrays: `["{{repeat(3,5)}}", { ... }]` expandiert in ein Array aus 3 bis 5 gerenderten Objekten.
- Status waehlen (200 / 201 / 204 / 400 / 404 / 500), Delay (0 bis 5000 ms) und optional Custom-Header.
- "Dynamic mode" toggeln: an = frische Zufallswerte pro Call, aus = jede Antwort gleich.
- "Create mock URL" klicken. Die URL, die fertige cURL-Zeile oder ein `fetch()`-Snippet kopieren und in dein Frontend / Postman / curl einfuegen.
Wann das nuetzlich ist
Ein Mock-API ist der schnellste Weg, das Frontend zu bauen, bevor das Backend existiert, oder einen Edge-Case zu simulieren, den der echte Server nicht leicht reproduzieren kann:
- UI-Prototyp ohne Backend. Der Designer demot im Meeting; der Frontend-Dev hat bereits realistische Daten verdrahtet.
- E2E-Tests (Playwright, Cypress). Ein Drittanbieter-Service hat eine flaky API oder ein bezahltes Rate-Limit, mocke die Antwort und dein Test bleibt deterministisch.
- Fehler-Simulation. Wie verhaelt sich deine App bei einem 500, einem 4-Sekunden-Timeout oder einem leeren 204? Status/Delay aendern und es herausfinden.
- Kunden-Demos. Ein Dashboard mit 50 Bestellungen zeigen, ohne echte Nutzer, ohne DB-Seeding. Beispieldaten wie "Max Mustermann", "Erika Musterfrau", "Hauptstrasse 12, 10115 Berlin".
- Developer-Onboarding. Neue Leute bekommen eine Mock-URL statt einer Woche lokales Environment-Setup.
- Postman-/Insomnia-/Bruno-Collections. Eine URL mit dem Team teilen, sie rufen sie an und bekommen sofort Daten.
- Schulung / Workshops. `fetch()` / Axios / React Query lehren, jedes Beispiel funktioniert, kein Server-Setup noetig.
Zum Validieren der Mock-Antwort siehe JSON-Formatter. Zum Empfangen von Webhooks der Webhook-Empfaenger.