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