skills.rest
cmayorgahilario
cmayorgahilarioCOMMUNITY
Explore all skills by this author →
GitHub

wayfinder-development

Generate typed route helpers for Laravel frontends with Wayfinder.

Updated Apr 21, 2026
Search Tags:#typescript#frontend#laravel#code-generation#vite-plugin#wayfinder#typed-route-helpers
One-click install
npx skills add https://github.com/cmayorgahilario/laravel-starter-kit-inertia-react --skill wayfinder-development-cmayorgahilario
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/cmayorgahilario/laravel-starter-kit-inertia-react/tree/main/.agents/skills/wayfinder-development
Command: npx skills add https://github.com/cmayorgahilario/laravel-starter-kit-inertia-react --skill wayfinder-development-cmayorgahilario

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web frontends often need to call Laravel endpoints with brittle, hardcoded URLs, leading to runtime errors and duplication. Wayfinder development provides typed route helpers that generate accurate frontend calls to backend controllers and routes, improving reliability and developer productivity.

Core Features & Use Cases

  • Generate typed functions for Laravel controllers and routes to enable tree-shaking and type-safety.
  • Use Wayfinder methods like .url()/.get()/.post()/.form() and support for query params and route model binding.
  • Simplify imports for frontend code and align with the Vite plugin for cohesive development.

Quick Start

Run vendor/bin/sail artisan wayfinder:generate --no-interaction to regenerate route bindings after routing changes.

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema
How do I generate typed Laravel route helpers for a TypeScript frontend?▼

Typed Laravel route helpers replace hardcoded frontend URLs with generated functions that map to backend controllers. They provide type-safe .url()/.get()/.post() methods and support query parameters and route model binding.

Does Wayfinder work with React, Vue, Svelte, and Inertia frontends?▼

Yes, Wayfinder supports React, Vue, Svelte, and Inertia frontends connecting to Laravel controllers. It generates typed route methods and integrates with the Vite plugin for tree-shaking and type-safe backend calls.

How do I regenerate route bindings in Laravel after changing routes?▼

Run vendor/bin/sail artisan wayfinder:generate --no-interaction to regenerate route bindings after routing changes. This updates the typed frontend helpers to reflect the latest Laravel controllers and routes.

What route methods are available for typed frontend requests in Wayfinder?▼

Wayfinder provides .url(), .get(), .post(), and .form() methods for typed frontend requests. These generated functions support query parameters, route model binding, and tree-shaking with the Vite plugin.

Why use typed route helpers instead of hardcoded URLs in frontend code?▼

Typed route helpers prevent the runtime errors and code duplication caused by brittle hardcoded frontend URLs. They ensure accurate, type-safe calls to Laravel endpoints, improving application reliability and developer productivity.

Do I need the Vite plugin for tree-shaking typed route helpers?▼

The Vite plugin aligns Wayfinder typed route helpers with your build process to enable tree-shaking and type-safe imports. It ensures only the Laravel controller functions you use are bundled into the frontend.

Related Skills

Explore More Software Engineering Skills→
y-l-gy-l-g
3

wayfinder-development

Generate type-safe Wayfinder route functions from Laravel routes.

Community
Intermediate
JoeyMckenzieJoeyMckenzie

wayfinder-development

Generate typed route helpers for Laravel Wayfinder across React, Vue, Svelte, and Inertia projects.

Community
Advanced
PickleSodaPickleSoda

wayfinder-development

Generate Laravel route files and validate TypeScript imports for Inertia.js.

Community
Intermediate
JaguarJackJaguarJack
928

routes

Generate Laravel route configurations for CatchAdmin modules with CRUD and auxiliary routes.

Community
Basic