Can this skill help with tree-shaking?

Yes, it encourages the use of named imports for specific Controller actions, which allows modern bundlers to effectively tree-shake unused routes.

What is the primary purpose of the Wayfinder Development skill?

It serves as a bridge between Laravel backends and TypeScript frontends, providing type-safe access to backend routes within your frontend code.

Does Wayfinder support Inertia.js forms?

Yes, it includes specific helpers like '.form()' that provide action and method attributes compatible with Inertia and HTML form components.

How do I update my frontend routes after changing Laravel routes?

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

Does it support query parameters in URLs?

Yes, the generated route functions allow you to pass an optional object containing query parameters for dynamic URL construction.

Wayfinder Development

Name: Wayfinder Development
Author: tomylana93

bytomylana93

0•

API開発

Synchronizes Laravel backend routes with TypeScript frontend components to ensure type-safe navigation and form handling.

Wayfinder Development streamlines the integration between Laravel backends and modern frontend frameworks by generating type-safe TypeScript definitions for server-side routes. It eliminates the need for hardcoded strings by providing a robust API for accessing URLs, HTTP methods, and form attributes directly in TypeScript, particularly when using Inertia.js. This skill helps developers maintain consistency across the stack, reducing 'broken link' bugs and improving developer velocity through IDE autocomplete and compile-time checks.

主な機能

01Helper methods for standard HTTP verbs (GET, POST, PATCH, DELETE)

02Type-safe imports for Controller actions and named routes

030 GitHub stars

04Dynamic URL generation with query parameter support

05Seamless integration with Inertia.js form components

06Automatic TypeScript route generation from Laravel definitions

ユースケース

01Syncing Laravel backend endpoints with a Vue or React frontend

02Implementing type-safe form submissions using Inertia.js

03Generating dynamic, type-checked navigation links in TypeScript components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tomylana93/nova-hd wayfinder-development

For use in Claude.ai and ChatGPT

Download Skill