skills.rest
osmanmoharram
osmanmoharramCOMMUNITY
Explore all skills by this author →
GitHub

wayfinder-development

Resolve Laravel backend route references in frontend TypeScript code.

Updated Feb 6, 2026
Search Tags:#typescript#frontend#routing#laravel#route-generation#wayfinder
One-click install
npx skills add https://github.com/osmanmoharram/devhub --skill wayfinder-development-osmanmoharram
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wayfinder-development
Source: https://github.com/osmanmoharram/devhub/tree/main/.cursor/skills/wayfinder-development
Command: npx skills add https://github.com/osmanmoharram/devhub --skill wayfinder-development-osmanmoharram

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Activates whenever frontend components reference backend routes, enabling type-safe, consistent URL generation and navigation between frontend and Laravel backend routes.

Core Features & Use Cases

  • Generate and reference route objects for frontend code
  • Import and resolve named routes from @/actions and @/routes
  • Use with Inertia forms and route helpers for TypeScript integrations

Quick Start

Regenerate routes after changes with php artisan wayfinder:generate and verify imports resolve correctly in TypeScript.

Frequently Asked Questions about wayfinder-development

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

FAQPage Schema
How do I reference Laravel backend routes from frontend TypeScript components?▼

To reference Laravel backend routes from frontend TypeScript components, use Wayfinder to generate type-safe route objects. It enforces consistent URL generation and ensures imports from '@/actions' and '@/routes' map to valid backend endpoints.

What is the best way to generate type-safe URLs for Inertia forms in a Laravel application?▼

Generating type-safe URLs for Inertia forms in a Laravel application is best handled by resolving named routes through Wayfinder. It creates TypeScript-friendly route objects, ensuring frontend forms correctly map to valid backend endpoints with consistent URL generation.

Why are my TypeScript imports from '@/routes' not resolving correctly in my frontend code?▼

TypeScript imports from '@/routes' may not resolve correctly if the route definitions are outdated. You must regenerate routes after backend changes using the 'php artisan wayfinder:generate' command to ensure imports map to valid Laravel endpoints.

Does Wayfinder work with TypeScript for frontend route generation?▼

Yes, Wayfinder works seamlessly with TypeScript for frontend route generation by enforcing TypeScript-friendly route objects. It resolves named backend routes and ensures that frontend code maintains consistent URL generation and type safety.

How do I ensure my frontend links and forms map to valid Laravel backend endpoints?▼

To ensure frontend links and forms map to valid Laravel backend endpoints, use Wayfinder to resolve route references. It validates that imports from '@/actions' and '@/routes' map directly to existing backend endpoints, preventing broken navigation.

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
JaguarJackJaguarJack
928

routes

Generate Laravel route configurations for CatchAdmin modules with CRUD and auxiliary routes.

Community
Basic
calexandarcalexandar

wayfinder-development

Generate type-safe Laravel routes in TypeScript frontend components with Wayfinder.

Community
Intermediate
stacksjsstacksjs
622

stacks-strings

Automate string transformation, validation, and formatting for Stacks applications.

Official
Advanced