laravel-inertia-react

Enforce Laravel 12, Inertia 2, and React 19 conventions for web applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Standardized Code Structure: Provides guidelines for controllers, models, routes, services, and components.
  • Technology-Specific Patterns: Details conventions for Inertia pages, React hooks, and TailwindCSS usage.
  • Testing Best Practices: Outlines testing strategies for both PHP (Pest) and React (React Testing Library).
  • Use Case: A new developer joins a project using this stack. They can consult this Skill to understand the established patterns for creating new features, writing tests, and structuring their code, leading to faster onboarding and higher code quality.

Quick Start

Consult the Laravel + Inertia + React Standards documentation for guidance on structuring your application code.

Frequently Asked Questions about laravel-inertia-react

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

FAQPage Schema
How do I structure controllers and routes in a Laravel Inertia React application?

Structure Laravel Inertia React controllers and routes by following established conventions for controller design, model relationships, and service layer logic to ensure web application consistency and maintainability.

What are the best practices for React hooks and TailwindCSS in Inertia pages?

React hooks and TailwindCSS in Inertia pages must follow specific technology patterns that detail component structure and styling usage to enforce standardization across the Laravel web application stack.

How do I set up testing with Pest and React Testing Library for a Laravel React project?

Set up testing with Pest and React Testing Library by applying outlined testing best practices and strategies that cover both PHP backend logic and React frontend components for comprehensive coverage.

Does this Laravel Inertia React stack support version 12 of Laravel and version 19 of React?

Yes, the Laravel Inertia React stack conventions specifically enforce patterns for Laravel 12, Inertia 2, and React 19, ensuring your web application development aligns with these framework versions.

What are common pitfalls when building web apps with Laravel, Inertia.js, and React?

Common pitfalls when building web apps with Laravel, Inertia.js, and React are addressed by enforcing standardized code structure and providing context for framework documentation lookup to prevent inconsistent patterns.