Download the PHP package ghostcompiler/laravel-react-jsx-boilerplate without Composer
On this page you can find all versions of the php package ghostcompiler/laravel-react-jsx-boilerplate. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download ghostcompiler/laravel-react-jsx-boilerplate
More information about ghostcompiler/laravel-react-jsx-boilerplate
Files in ghostcompiler/laravel-react-jsx-boilerplate
Package laravel-react-jsx-boilerplate
Short Description A blank Laravel boilerplate with React and JSX. For developers who prefer JavaScript over the default Laravel TSX starter kits.
License MIT
Informations about the package laravel-react-jsx-boilerplate
Laravel React JSX Boilerplate
A blank, production-ready boilerplate for building modern Laravel apps with React and JSX — not TypeScript.
Laravel’s official starter kits ship with React + TSX. This boilerplate gives you the same modern stack (Inertia, Vite, Tailwind, Wayfinder) in plain JavaScript/JSX, so you can move fast without TypeScript tooling if that is not your preference.
What is in this project
Backend
| Piece | Details |
|---|---|
| Laravel 13 | Latest framework with streamlined routing, middleware, and config |
| Inertia Laravel | Server-driven SPA responses — no separate API layer required for page loads |
| Wayfinder | Type-safe route and action helpers generated from your Laravel routes |
| SQLite by default | Ready for local dev; swap to MySQL/PostgreSQL in .env |
| Queue & jobs tables | Migrations included for background work when you need it |
| PHPUnit | Feature and unit test scaffolding |
Frontend
| Piece | Details |
|---|---|
| React 19 + JSX | Components in .jsx — no .tsx required |
| Inertia React | Page navigation without full client-side routing setup |
| Vite 8 | Fast HMR in dev, optimized builds for production |
| Tailwind CSS 4 | Utility-first styling via the Vite plugin |
| React Compiler | Enabled through Babel for optimized React rendering |
| Instrument Sans | Loaded via Laravel Vite font plugin (Bunny Fonts) |
App features (included out of the box)
- Welcome page — Laravel-style landing page at
/, built as an Inertia React page - Dark / light / system theme —
use-appearancehook + cookie-backed preference, no flash on load - Shared Inertia props — App name, auth user, and layout state wired in
HandleInertiaRequests - Single root Blade view —
resources/views/app.blade.phpmounts the React app - Wayfinder-generated helpers — Route/action modules under
resources/js/routesandresources/js/actions
Developer experience
composer dev— Runs PHP server, queue worker, log tail (Pail), and Vite togethercomposer setup— One-shot install: Composer,.env, key, migrations, npm, build- Linting & formatting — Laravel Pint (PHP), ESLint + Prettier (JS/JSX)
- GitHub Actions — CI tests (PHP 8.3–8.5) and quality checks on push/PR
Project structure
Requirements
- PHP 8.3+
- Composer 2.x
- Node.js 22+ (recommended)
Getting started
Create a new project
Option A — Laravel installer
Option B — Composer
Option C — Clone the repository
Start development
Visit http://localhost:8000.
Manual setup (alternative)
If you skipped composer setup, run:
For local development with HMR:
In a second terminal:
Scripts
Composer
| Command | Description |
|---|---|
composer setup |
Full project bootstrap |
composer dev |
Server + queue + logs + Vite |
composer test |
Pint check + PHPUnit |
composer lint |
Fix PHP style with Pint |
composer lint:check |
Check PHP style (CI mode) |
npm
| Command | Description |
|---|---|
npm run dev |
Vite dev server with HMR |
npm run build |
Production asset build |
npm run lint |
ESLint on resources/js |
npm run lint:fix |
ESLint with auto-fix |
npm run format |
Prettier check |
npm run format:fix |
Prettier write |
Adding a new page
- Create a React page, e.g.
resources/js/pages/dashboard.jsx -
Register a route in
routes/web.php: - Use Wayfinder helpers (regenerated on build) for type-safe links from JSX
What you can build from this
This is intentionally minimal — a blank boilerplate, not a full auth dashboard or starter kit. That makes it a strong base for:
| Use case | How this boilerplate helps |
|---|---|
| SaaS dashboards | Add auth (Fortify/Breeze), layouts, and Inertia pages on top of the existing middleware stack |
| Internal tools | Laravel for data, permissions, and queues; React for interactive UI without a separate SPA repo |
| CRUD admin panels | Models, migrations, controllers, and Inertia forms — Wayfinder keeps routes in sync |
| Marketing sites + app | Blade or Inertia landing pages, shared Tailwind theme, dark mode already wired |
| API-backed products | Start Inertia-first; add API routes later if mobile or third-party clients are needed |
| Learning Laravel + React | Official Laravel docs apply; frontend examples use JSX instead of TSX |
Typical next steps:
- Add authentication (Laravel Fortify or Breeze adapted for JSX)
- Create a layout component and shared navigation
- Add form components with Inertia
useForm - Connect Eloquent models and policies for your domain
- Enable queues for emails, imports, or webhooks (tables already migrated)
CI / quality
GitHub Actions run on pushes and pull requests to main, master, develop, and workos:
- tests.yml — PHPUnit across PHP 8.3, 8.4, and 8.5
- lint.yml — Pint, Prettier, and ESLint
Run the same checks locally:
Or simulate CI with act:
Repository
https://github.com/ghostcompiler/laravel-react-jsx-boilerplate
License
MIT License
All versions of laravel-react-jsx-boilerplate with dependencies
inertiajs/inertia-laravel Version ^3.0
laravel/framework Version ^13.7
laravel/tinker Version ^3.0
laravel/wayfinder Version ^0.1.14