laravel-inertia-react-structure
CommunityFrontend structure guidelines for Inertia React.
Software Engineering#react#laravel#coding-standards#inertia#project-organization#frontend-architecture
Authorsamzzi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend structure conventions for Laravel Inertia React projects provide a clear, scalable layout for organizing components, pages, modules, and helper utilities, reducing cognitive load and onboarding time for new developers.
Core Features & Use Cases
- Directory guidelines for resources/js/common, modules, pages, and shadcn to ensure consistency across projects.
- Naming conventions: Components use PascalCase, helpers/hooks/constants stores use camelCase, directories use kebab-case.
- Page and module organization patterns, including Admin vs client areas and how to add Inertia pages with consistent naming.
Quick Start
Follow these guidelines when scaffolding a new Laravel Inertia React frontend: create the four base directories under resources/js, apply the naming conventions, and organize new components, pages, and modules accordingly.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: laravel-inertia-react-structure Download link: https://github.com/samzzi/dotfiles/archive/main.zip#laravel-inertia-react-structure Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.