How do I handle forms with Wayfinder?

You can use the .form() method on a route object to automatically generate the action and method attributes required for HTML or Inertia forms.

Can I use Wayfinder with query parameters?

Yes, Wayfinder methods accept a second argument where you can define a query object to automatically append URL parameters.

How do I sync my Laravel routes with the frontend?

You can run 'php artisan wayfinder:generate --no-interaction' to regenerate the route definitions used by your TypeScript components.

Does Wayfinder support tree-shaking?

Yes, by using named imports from @/actions or @/routes instead of default imports, you can ensure that only the necessary routes are included in your bundle.

Wayfinder Route Integration

Name: Wayfinder Route Integration
Author: classferreiracode

byclassferreiracode

0•

API開発

Facilitates type-safe Laravel route management in frontend components by automating route generation and standardizing import patterns.

The Wayfinder Development skill streamlines the workflow between Laravel backends and TypeScript-based frontends by managing the Wayfinder routing ecosystem. It provides specialized guidance for generating route definitions via Artisan commands, implementing tree-shakeable named imports, and utilizing specific HTTP methods for backend calls. This skill is particularly useful for developers building Inertia.js applications, as it simplifies form attribute binding and ensures that frontend navigation remains perfectly synchronized with backend route changes.

主な機能

01Support for dynamic URL construction and query parameters

02Type-safe TypeScript imports for Laravel controller actions

03Automated route generation via Artisan CLI commands

04Standardized patterns for GET, POST, PATCH, and DELETE methods

05Streamlined Inertia.js form helper integration

060 GitHub stars

ユースケース

01Building type-safe navigation and link structures in SPA environments

02Synchronizing Laravel backend endpoints with frontend TypeScript components

03Implementing automated form attribute binding for Inertia.js projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add classferreiracode/track-my-task wayfinder-development

For use in Claude.ai and ChatGPT

Download Skill