wayfinder-development

Generate type-safe Laravel routes in TypeScript frontend components with Wayfinder.

Updated Feb 10, 2026
One-click install
npx skills add https://github.com/calexandar/laris-ai --skill wayfinder-development-calexandar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/calexandar/laris-ai/tree/main/.junie/skills/wayfinder-development
Command: npx skills add https://github.com/calexandar/laris-ai --skill wayfinder-development-calexandar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend code often struggles with maintaining correct references to backend routes, leading to brittle imports and hard-to-trace errors. Wayfinder provides a unified way to generate and consume route objects from the frontend, reducing manual URL construction and ensuring consistency across the app.

Core Features & Use Cases

  • Generate routes from backend definitions and expose safe, typed helpers for frontend code
  • Import patterns: use named route imports and helper functions to keep tree-shaking and refactors reliable
  • Common methods: get, show, store, update, destroy, and form helpers for HTML forms
  • Wayfinder + Inertia integration: seamless form and navigation bindings in Inertia-based apps
  • Verification and maintenance: regenerate routes after backend changes and validate imports resolve correctly

Quick Start

Install Wayfinder in your project, then import the route helpers in your frontend code and reference routes directly

Frequently Asked Questions about wayfinder-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I call Laravel routes from TypeScript safely?

You can generate type-safe route helpers using Wayfinder, enabling direct frontend imports from @/actions or @/routes. This approach ensures typed navigation and eliminates brittle manual URL construction in your components.

What is the best way to maintain frontend references to backend routes?

The best way to maintain frontend references is using Wayfinder to generate and consume unified route objects. This prevents brittle imports by exposing safe, typed helpers that keep tree-shaking and refactors reliable after backend changes.

Does Wayfinder work with Inertia for form and navigation bindings?

Yes, Wayfinder provides seamless integration with Inertia. It enables type-safe form helpers and navigation bindings, allowing you to connect frontend components to backend routes reliably within Inertia-based applications.

How do I verify and regenerate routes after backend changes?

To verify routes after backend changes, you regenerate the route definitions via Wayfinder and validate that your named imports from @/routes or @/actions resolve correctly. This ensures consistency and prevents hard-to-trace reference errors.

Can I use HTML form helpers with Wayfinder route methods?

Yes, Wayfinder provides form helpers for HTML forms alongside common methods like get, show, store, update, and destroy. These helpers allow you to bind frontend forms to backend type-safe route definitions securely.

Why do my frontend imports break when backend routes change?

Frontend imports break because backend route references become outdate. Wayfinder solves this by regenerating type-safe route objects and validating that named imports resolve correctly, ensuring your frontend code stays synchronized with backend definitions.