Technische Variante · React-Frontend
W-Make Batch · React
Ein eigenständiges Next.js-Frontend für den vorhandenen Express-/SQLite-Kern von W-Make Batch.
- Meine Rolle
- Frontend-Architektur, Migrationsstrategie und technische Qualität.
- Technik
- Next.js 16 · React 19 · TypeScript · Tailwind CSS · SWR · Playwright
- Stand
- Live · Frontend-Modernisierung
- Für wen und wofür
- Ein kontrollierter Wechsel der Oberfläche: Die Backend-Schnittstelle bleibt stabil.
Ausgangslage
Die Oberfläche eines Produktionssystems lässt sich nicht austauschen wie eine Marketingseite. Buchungen, Rollen und die API müssen während der Migration gleich bleiben.
Der Express-/SQLite-Kern bleibt deshalb die maßgebliche Quelle. Das React-Frontend greift über einen Server-Proxy darauf zu, und die Geschäftslogik bleibt aus dem Browser heraus.
Wichtige Entscheidungen
- 01
App Router und Komponenten erneuern die Oberfläche, der fachliche Buchungsweg bleibt unverändert.
- 02
API-Zugriffe laufen über den Server. Der Browser bekommt keinen direkten Zugang zu Datenbank oder Secrets.
- 03
Der Rückfall auf die alte Oberfläche ist ein eng begrenzter Notfallweg und kein zweites Produkt.
- 04
Routen-, Rollen- und Smoke-Tests machen den Wechsel überprüfbar.
Einblick
Blick in die Anwendung.
Die Instanz ist eine eigenständige React-Auslieferung, das W-Make-Batch-Backend liegt im internen Container-Netz. Der Zugang kommt auf Anfrage.
Der Ablauf im Überblick.
01
Backend-Schnittstelle
Der vorhandene Fachkern bleibt zuständig für Anmeldung, Rollen und Buchungen.
02
Server-Proxy
Die Next.js-Anwendung vermittelt API-Aufrufe, Backend-Details bleiben dem Browser verborgen.
03
React-Oberfläche
Module werden nacheinander als prüfbare Routen und Komponenten erneuert.
04
Notfallweg
Ein begrenzter Rückfallpfad bleibt vom normalen React-Bundle getrennt.
Was sich übertragen lässt
Eine Modernisierung ist dann sicher, wenn die fachliche Grenze stabil bleibt. Ein neuer Client darf nicht nebenbei die Regeln der Produktion ändern.
Passwortgeschützt. Einen befristeten Zugang bekommen Sie auf Anfrage.
Erstgespräch · 30 Minuten · kostenlos
Erzählen Sie mir, wo es bei Ihnen hakt.
Ein paar Sätze zum Ablauf reichen: was heute in Listen oder Nebenrechnungen läuft und wer damit arbeitet. Innerhalb von zwei Werktagen bekommen Sie eine Antwort und eine klare Einschätzung, ob ich der Richtige dafür bin.
Gespräch vereinbarenEigenen Ablauf einschätzen →