laravel-inertia-vue

Enforce Laravel 12, Inertia.js v2, and Vue.js 3.5 development conventions.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of conventions and patterns for developing Laravel applications using Inertia.js with Vue.js, ensuring consistency and maintainability.

Core Features & Use Cases

  • Backend Standards: Defines best practices for Controllers, Models, Routes, Services, Events, Migrations, Enums, Scheduling, and Mail Preview Controllers in Laravel.
  • Frontend Standards: Outlines patterns for Inertia Pages, Shared Data, Forms (including vee-validate + zod), Navigation, Partial Reloads, Vue 3.5 Composition API, Composables, and Component Organization.
  • Styling & Architecture: Details conventions for Tailwind CSS, CRUD patterns, Modal CRUD, TanStack Table Columns, Pagination, Sorting, Filters, Auth/Abilities, Layouts, i18n, Date/Time Formatting, and Table Actions.
  • Use Case: A new developer joining a Laravel Inertia Vue project can use this Skill to quickly understand and adhere to the established coding standards, accelerating their onboarding and improving code quality across the team.

Quick Start

Follow the Laravel 12 conventions for controllers and models.

Frequently Asked Questions about laravel-inertia-vue

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

FAQPage Schema
What are the best practices for Laravel Inertia Vue development workflow?

Laravel Inertia Vue development workflow best practices involve standardizing backend architecture, frontend component structure, state management, form handling, routing, and authentication patterns. This enforces consistent code generation and maintainability across development teams using Laravel 12 and Vue 3.5.

How do I structure Vue 3.5 components and Inertia pages in a Laravel application?

Structure Vue 3.5 components and Inertia pages by utilizing the Composition API and Composables. Standard conventions outline patterns for Inertia Pages, Shared Data, Forms, Navigation, Partial Reloads, and component organization to ensure maintainable frontend architecture in Laravel applications.

How do I handle form validation in Laravel Inertia with Vue?

Handle form validation in Laravel Inertia with Vue by utilizing vee-validate combined with zod. Established standards define specific patterns for frontend form handling, ensuring robust data validation and consistent error management across the application.

Does this Laravel Inertia Vue standard support Tailwind CSS and complex table layouts?

Yes, this Laravel Inertia Vue standard supports Tailwind CSS and complex table layouts. It details conventions for styling, CRUD patterns, TanStack Table Columns, pagination, sorting, and filters, ensuring consistent UI architecture and data presentation.

Can I use these conventions to standardize authentication and abilities in a Laravel Inertia project?

Yes, you can use these conventions to standardize authentication and abilities in a Laravel Inertia project. The standards cover Auth/Abilities patterns, layouts, i18n, and date/time formatting, providing a comprehensive structure for secure and consistent user access management.

Why do I need standardized conventions for a Laravel 12 Inertia.js v2 backend?

Standardized conventions for a Laravel 12 Inertia.js v2 backend solve the problem of inconsistent code and maintainability. They define best practices for Controllers, Models, Routes, Services, Events, Migrations, and Scheduling, accelerating developer onboarding and improving code quality.