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.