wayfinder-development

You generate TypeScript route helpers for Laravel Inertia by running the Wayfinder generator to sync backend routes. This creates consistent import patterns from @/routes and @/actions for use in frontend components.

The best way to reference backend Laravel routes in a Vue or TypeScript frontend is by using Wayfinder to map import patterns and form helpers, ensuring frontend components bind directly to backend route data without manual path typing.

Wayfinder integrates with Inertia forms by generating form helpers that map directly to backend Laravel routes. This allows Vue or TypeScript UI components to submit and bind data using typed route functions imported from @/actions.

Yes, you can use Wayfinder to map @/actions and @/routes imports in a Laravel TypeScript project. It provides consistent import pattern mapping and route generation specifically designed for frontend-backend coordination.

You should run the Wayfinder route generator after making changes to backend Laravel routes. This syncs the generated TypeScript route helpers, ensuring your frontend imports from @/routes and @/actions remain accurate.

Frontend TypeScript components fail to find newly added Laravel backend routes when the Wayfinder generator has not been run. Running the generator syncs the backend route definitions into frontend route helpers and import patterns.