The Daily Commit · Ressort-Ausgabe Titelseite PHP AI Dev EN DE FR ES

The Php Times

Lesestoff — Ökosystem

Wayfinder hält Laravel-Routen in React typsicher


Freek Van der Herten zeigt am Projekt von Spatie, wie Laravel Wayfinder React und Inertia mit typisierten Backend-Aufrufen verbindet.

FREEK.DEV, 9. Oktober 2026 kuratiert von Sönke

Generierte TypeScript-Funktionen prüfen Routenparameter und Controller-Aufrufe; ein Vite-Plugin aktualisiert sie bei Änderungen an Laravel. Die Beispiele zeigen konkret, wie Teams hartcodierte URLs und Fehler erst in der Produktion vermeiden.

Wayfinder hält Laravel-Routen in React typsicher
Bild: freek.dev ↗

Freek Van der Herten ordnet Wayfinder in das Spatie-Projekt There There ein. Der Helpdesk entsteht nach zwei Jahrzehnten eigener Supportarbeit für Open-Source-Projekte und SaaS-Anwendungen. Die Anwendung läuft mit Laravel und Inertia und befindet sich in einer privaten Beta. Ihre KI unterstützt Supportmitarbeiter, der Mensch behält die Gesprächsführung und das Modell überarbeitet Antworten.

Wayfinder
import {
 add as addTeamMember,
 remove as removeTeamMember,
} from '@/routes/app/settings/workspace/teams/members';
removeTeamMember.url({ team: team.ulid, user: member.ulid });
addTeamMember.url({ team: team.ulid, user: member.ulid });

React-Projekte verteilen URLs schnell auf Fetch-Aufrufe, Formularaktionen und Links. Wird eine Route umbenannt oder ein Pflichtparameter ergänzt, kann der Fehler bis in die Produktion gelangen. Wayfinder erzeugt für jede benannte Laravel-Route eine Funktion. Mit .url() entsteht die URL, und TypeScript prüft die übergebenen Parameter. Heißt ein Parameter im Backend später member statt user, markiert TypeScript alle betroffenen Aufrufe. Die Routennamen werden zugleich zu Importpfaden und sind damit über die Autovervollständigung auffindbar.

Auch Controller erhalten eigene Funktionen. Das Beispiel nutzt MessageRetryController mit fetch und POST, um das erneute Senden einer fehlgeschlagenen ausgehenden Nachricht auszulösen. Eine Umbenennung des PHP-Controllers lässt den TypeScript-Build scheitern. Das Paket @laravel/vite-plugin-wayfinder überwacht Routen und Controller während der Entwicklung und erzeugt die Funktionen nach Änderungen neu. Laut Autor sinkt damit die Zahl von Routingfehlern. Fetch-Aufrufe liefern seltener unerwartete 404-Antworten, und Streit über abschließende Schrägstriche bleibt aus.

Originalquelle lesen (Englisch) ↗

Artikel bewerten: 0

Leserforum

Noch keine Beiträge — eröffne die Debatte.

← Ökosystem — Page B1

"All the Code That's Fit to Ship" · The Daily Commit · Bildschirm-Ausgabe · Impressum · Datenschutz