laravel-inertia-react

Enforce Laravel 12, Inertia 2, and React 19 development standards with TailwindCSS.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/BEE-CODED/bee-dev --skill laravel-inertia-react-bee-coded
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: laravel-inertia-react
Source: https://github.com/BEE-CODED/bee-dev/tree/main/plugins/bee/skills/stacks/laravel-inertia-react
Command: npx skills add https://github.com/BEE-CODED/bee-dev --skill laravel-inertia-react-bee-coded

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill defines and enforces best practices for developing web applications using the Laravel, Inertia.js, and React stack, ensuring consistency and maintainability.

Core Features & Use Cases

  • Framework Conventions: Provides detailed guidelines for Laravel controllers, models, routes, services, and migrations.
  • Inertia & React Patterns: Outlines best practices for building dynamic, single-page applications with Inertia.js and React 19, including component structure, state management, and form handling.
  • Styling Standards: Specifies conventions for using TailwindCSS for efficient and scalable styling.
  • Testing Methodologies: Details recommended approaches for both PHP (Pest) and React (React Testing Library) testing.
  • Use Case: A new developer joins a project using this stack; they can immediately consult this Skill to understand the established coding standards, project structure, and preferred patterns, accelerating their onboarding and reducing the likelihood of introducing non-compliant code.

Quick Start

Follow the Laravel 12 conventions for controllers, models, and routes.

Frequently Asked Questions about laravel-inertia-react

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

FAQPage Schema
What are the best practices for structuring Laravel controllers and models in an Inertia React application?

Best practices for Laravel controllers and models in an Inertia React application involve enforcing strict standards for controller design, model relationships, route definitions, and service layer logic. This Skill provides detailed conventions for Laravel 12 to ensure project maintainability.

How do I handle form submissions in React 19 using the Inertia useForm hook?

Handling form submissions in React 19 using the Inertia useForm hook requires following specific patterns for state management and form processing. This Skill outlines best practices for building dynamic single-page applications with Inertia.js and React 19.

Does this Skill support TailwindCSS utility-first styling conventions for Laravel projects?

Yes, this Skill supports TailwindCSS utility-first styling conventions for Laravel projects. It specifies exact conventions for using TailwindCSS to achieve efficient and scalable styling within your Laravel, Inertia.js, and React stack.

What testing patterns should I use for Pest and React Testing Library in a Laravel Inertia app?

Testing patterns for Pest and React Testing Library in a Laravel Inertia app should follow detailed recommended approaches for both PHP and React environments. This Skill provides specific methodologies to ensure robust testing across the stack.

What are common pitfalls to avoid when developing with Laravel 12, Inertia 2, and React 19?

Common pitfalls to avoid when developing with Laravel 12, Inertia 2, and React 19 include non-compliant code structures and improper component architecture. This Skill lists specific pitfalls and enforces standards to prevent maintainability issues.