fullstack-implementation

End-to-end CRUD implementation in Laravel + Inertia.js + React coordinates backend routes, controllers, and models with frontend TypeScript pages and components. This Skill guides you through the full workflow: defining routes, building FormRequests for validation, wiring controllers, creating Inertia pages, and writing React components—then verifying with tests and linting.

Yes. Inertia.js bridges Laravel and React by rendering React components server-side with props from controllers. This Skill covers wiring controllers to Inertia pages, passing data safely with TypeScript types, and handling form submissions—eliminating the need for a separate API layer in full-stack development.

Structure validation server-side using Laravel FormRequests and policies, then verify your feature end-to-end by running project tests and linters. This Skill applies those conventions: server-side validation runs first, components consume validated data, and project verification commands confirm the feature works across backend and frontend.

TypeScript is recommended for type safety when passing data from Laravel controllers to React components via Inertia props. This Skill uses TypeScript types to align backend models and controllers with frontend component interfaces, reducing runtime errors in full-stack features.

Submit forms from React components to Laravel controllers using Inertia's form helper, which handles POST/PUT requests and validation errors. This Skill shows how to bind React form state to controller actions, apply FormRequest validation rules, and display validation feedback back in the component.

Follow a backend-first workflow: define routes and controllers first, create models and policies, then build TypeScript-typed Inertia pages and React components. This Skill applies project-specific conventions for that order, ensuring consistency and letting you verify the complete feature with tests and linting.