skills.rest
trongio
trongioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wayfinder-development

Expose Laravel backend routes to TypeScript frontend code with type-safe imports.

1|Updated Jan 14, 2026
Search Tags:#typescript#frontend#laravel#typesafe#inertia#route-generation#wayfinder
One-click install
npx skills add https://github.com/trongio/Prava-App --skill wayfinder-development-trongio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/trongio/Prava-App/tree/main/.claude/skills/wayfinder-development
Command: npx skills add https://github.com/trongio/Prava-App --skill wayfinder-development-trongio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables frontend components to access Laravel backend routes safely by providing consistent, type-aware imports and route builders via Wayfinder.

Core Features & Use Cases

  • Type-safe route imports from '@/actions' and '@/routes'
  • Generate and resolve route URLs for frontend components using Wayfinder
  • Use cases include linking to backend endpoints in React/Inertia app navigation and forms

Quick Start

Run the Wayfinder generate command to refresh routes after changes and then import the generated routes in your frontend.

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 a TypeScript frontend?▼

Type-safe Laravel routes are exposed to a TypeScript frontend by importing generated route builders from '@/actions' and '@/routes', ensuring components reference backend endpoints safely.

Does Wayfinder work with Inertia and React for backend route generation?▼

Wayfinder works with Inertia and React by generating type-aware route builders that frontend components use for navigation and forms, linking directly to backend endpoints.

How do I refresh frontend route imports after changing Laravel backend routes?▼

To refresh frontend route imports, run the php artisan wayfinder:generate command to rebuild the route definitions, then import the updated routes from '@/actions' and '@/routes'.

What is the best way to link frontend components to Laravel backend endpoints?▼

The best way to link frontend components to Laravel endpoints is using Wayfinder to generate type-safe route builders, providing consistent imports for navigation and forms.

Do I need a specific Wayfinder setup to resolve '@routes' imports in TypeScript?▼

You need an existing Wayfinder setup with generated routes accessible via php artisan wayfinder:generate, ensuring that '@/actions' and '@/routes' imports resolve correctly in TypeScript.

Related Skills

Explore More Software Engineering Skills→
Barata-RibeiroBarata-Ribeiro
2

wayfinder-development

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

Community
Intermediate
TUNBudi06TUNBudi06

wayfinder-development

Generate type-safe Laravel route references in Svelte components with Wayfinder.

Community
Intermediate
NweremizuNweremizu

inertia-react-development

Build Inertia.js v3 React page components with Link, Form, and router patterns.

Community
Advanced
SivanwolSivanwol

wayfinder-development

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

Community
Intermediate