wayfinder-development

Generate type-safe route helpers from Laravel backend routes for TypeScript frontend code.

2|1|Updated Jul 21, 2024
One-click install
npx skills add https://github.com/Barata-Ribeiro/MediManage --skill wayfinder-development-barata-ribeiro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/Barata-Ribeiro/MediManage/tree/main/.github/skills/wayfinder-development
Command: npx skills add https://github.com/Barata-Ribeiro/MediManage --skill wayfinder-development-barata-ribeiro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate and manage type-safe route helpers from Laravel backend routes to power frontend code, reducing manual wiring and routing errors.

Core Features & Use Cases

  • Type-safe route imports for frontend components
  • Automatic route regeneration after backend changes
  • Seamless integration with frontend stacks (TypeScript, Inertia, React)

Quick Start

Run the Wayfinder generator after backend route changes to refresh TypeScript route imports.

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema
How do I get type-safe Laravel routes in my frontend TypeScript code?▼

You generate type-safe Laravel routes for frontend TypeScript by running the Wayfinder tooling, which creates route helpers imported from '@/actions' or '@/routes' to reduce manual wiring and routing errors.

How do I automatically regenerate Laravel route types after backend changes?▼

Regenerate Laravel route types after backend changes by running the php artisan wayfinder:generate command, which refreshes TypeScript route imports to ensure accurate route resolution across your frontend stack.

Does Wayfinder work with Inertia and React for frontend routing?▼

Yes, Wayfinder works with Inertia and React by providing seamless integration for frontend stacks, allowing TypeScript components to call Laravel routes and create type-safe links to backend endpoints.

What is the best way to call Laravel routes from a TypeScript frontend without manual wiring?▼

The best way to call Laravel routes from a TypeScript frontend without manual wiring is using Wayfinder code generation, which automates type-safe route helper creation and consumption directly from backend route definitions.

Why are my TypeScript frontend imports for Laravel routes returning errors?▼

TypeScript frontend imports for Laravel routes return errors when route helpers are outdated; running php artisan wayfinder:generate regenerates the type-safe imports from '@/actions' or '@/routes' to resolve mismatches.