ghostcompiler / laravel-react-jsx-starter-kit
The skeleton application for the Laravel framework in JSX. Who are not familiar with default Laravel starter kit which is on TSX, this is for you.
Package info
github.com/ghostcompiler/laravel-react-jsx-starter-kit
Language:JavaScript
Type:project
pkg:composer/ghostcompiler/laravel-react-jsx-starter-kit
Requires
- php: ^8.3
- inertiajs/inertia-laravel: ^3.0
- laravel/chisel: ^0.1.0
- laravel/fortify: ^1.37.2
- laravel/framework: ^13.7
- laravel/tinker: ^3.0
- laravel/wayfinder: ^0.1.14
Requires (Dev)
- fakerphp/faker: ^1.24
- laravel/pail: ^1.2.5
- laravel/pao: ^1.0.6
- laravel/pint: ^1.27
- laravel/sail: ^1.53
- mockery/mockery: ^1.6
- nunomaduro/collision: ^8.9.3
- phpunit/phpunit: ^12.5.23
README
Laravel React JSX Starter Kit
A modern Laravel + React JSX starter kit that recreates Laravel’s React starter architecture using clean JSX instead of TypeScript.
Built for developers who prefer JavaScript while maintaining a scalable, production-ready full-stack structure.
This starter kit combines Laravel’s backend power with React’s component-driven frontend architecture, making it ideal for SaaS apps, dashboards, admin panels, CRM systems, and custom web applications.
Features
- Laravel Backend
- React with JSX
- Vite Integration
- Authentication Scaffolding
- SPA-like Experience
- Modern Frontend Workflow
- Reusable Components
- Organized Project Structure
- Responsive UI Ready
- Production Ready Setup
- JavaScript First Approach
- Clean Architecture
Installation
Laravel Installer (Recommended)
laravel new my-app --using=ghostcompiler/laravel-react-jsx-starter-kit
Composer Create Project
composer create-project ghostcompiler/laravel-react-jsx-starter-kit my-app
Git Clone
git clone https://github.com/ghostcompiler/laravel-react-jsx-starter-kit.git
cd laravel-react-jsx-starter-kit
Install Dependencies
composer install npm install
Environment Setup
cp .env.example .env php artisan key:generate
Database Setup
php artisan migrate
Start Development
php artisan serve npm run dev
Project Structure
resources/
└── js/
├── Components/
├── Layouts/
├── Pages/
├── Hooks/
├── Utils/
└── app.jsx
Why JSX?
- No TypeScript overhead
- Faster onboarding
- Clean React workflow
- Simple Laravel integration
- Easy to customize and scale
Use Cases
- SaaS Applications
- Admin Dashboards
- CRM Systems
- Internal Tools
- Startup MVPs
- Client Portals
- Business Applications
- Multi-tenant Systems
Development Environment
Built using ServBay
- Mac M4 Tested
- macOS Apple Silicon
- Powered by ServBay
Repository
https://github.com/ghostcompiler/laravel-react-jsx-starter-kit
License
MIT License
Built with ❤️ by Ghost Compiler