Laravel React Jsx Starter Kit

<p align="center">
  <img src="https://res.cloudinary.com/djgvfl1tv/image/upload/v1780666791/logo_mqnqn4.png" alt="Ghost Compiler Logo" width="180">
</p>

<p align="center">
  <img src="https://img.shields.io/badge/Laravel-Starter%20Kit-FF2D20?style=for-the-badge&logo=laravel&logoColor=white" alt="Laravel">
  <img src="https://img.shields.io/badge/React-JSX-61DAFB?style=for-the-badge&logo=react&logoColor=000000" alt="React JSX">
  <img src="https://img.shields.io/badge/Vite-Powered-646CFF?style=for-the-badge&logo=vite&logoColor=white" alt="Vite">
  <img src="https://img.shields.io/badge/Built%20By-Ghost%20Compiler-0F172A?style=for-the-badge" alt="Ghost Compiler">
</p>

<p align="center">
    <img src="https://img.shields.io/github/stars/ghostcompiler/laravel-react-jsx-starter-kit?style=for-the-badge&logo=github" />
    <img src="https://img.shields.io/packagist/dt/ghostcompiler/laravel-react-jsx-starter-kit?style=for-the-badge&logo=packagist" />
</p>
# 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)

```bash
laravel new my-app --using=ghostcompiler/laravel-react-jsx-starter-kit
```

### Composer Create Project

```bash
composer create-project ghostcompiler/laravel-react-jsx-starter-kit my-app
```

### Git Clone

```bash
git clone https://github.com/ghostcompiler/laravel-react-jsx-starter-kit.git

cd laravel-react-jsx-starter-kit
```

### Install Dependencies

```bash
composer install
npm install
```

### Environment Setup

```bash
cp .env.example .env
php artisan key:generate
```

### Database Setup

```bash
php artisan migrate
```

### Start Development

```bash
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**

<p align="left">
  <img src="https://res.cloudinary.com/djgvfl1tv/image/upload/v1780667063/servbay_edc7jz.png" alt="ServBay" width="120">
</p>

- Mac M4 Tested
- macOS Apple Silicon
- Powered by ServBay

---

## Repository

https://github.com/ghostcompiler/laravel-react-jsx-starter-kit

---

## License

MIT License

---