PHPackages ghostcompiler/laravel-react-jsx - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. ghostcompiler/laravel-react-jsx ActiveProject[Utility & Helpers](/categories/utility) ghostcompiler/laravel-react-jsx =============================== Starter kit for Laravel 13 with React (JSX), Vite, and modern frontend tooling. v1.0.0(2mo ago)1413↓80%MITPHPPHP ^8.3CI passing Since Apr 17Pushed 2mo agoCompare [ Source](https://github.com/ghostcompiler/laravel-react-jsx)[ Packagist](https://packagist.org/packages/ghostcompiler/laravel-react-jsx)[ RSS](/packages/ghostcompiler-laravel-react-jsx/feed)WikiDiscussions main Synced 3w ago READMEChangelog (1)Dependencies (18)Versions (3)Used By (0) Ghost Compiler — Laravel React JSX Starter Kit ============================================== [](#ghost-compiler--laravel-react-jsx-starter-kit) [![Ghost Compiler Logo](https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg)](https://github.com/ghostcompiler/laravel-react-jsx) Modern Laravel 13 + React 19 + Inertia + Vite starter kit built for scalable dashboards, SaaS panels, and license platforms. --- About ===== [](#about) **Ghost Compiler Laravel React JSX Starter Kit** is a clean full-stack foundation that combines Laravel with React (JSX) using Inertia.js and Vite. It is designed for building: - Admin dashboards - SaaS panels - Multi-tenant systems - License managers - API-driven applications --- Stack ===== [](#stack) Core technologies included: - Laravel 13 - React 19 - Inertia.js v3 - Vite 8 - TailwindCSS v4 - SSR (automatic in development with @inertiajs/vite) - Custom Artisan generators --- Features ======== [](#features) ### Frontend [](#frontend) - React JSX architecture - Inertia routing - TailwindCSS v4 - SSR in development handled automatically (Inertia v3) - Layout system support - Hook-based logic structure ### Backend [](#backend) - Laravel 13 - Clean routing structure - Inertia integration - SSR rendering support for production deployments ### Developer Experience [](#developer-experience) Custom generators included: ``` php artisan make:page php artisan make:layout php artisan make:component php artisan make:hook php artisan make:lib php artisan make:helper ``` Nested paths supported automatically. Example: ``` php artisan make:page Admin/Dashboard ``` Creates: ``` resources/js/pages/Admin/Dashboard.jsx ``` --- Installation ============ [](#installation) Using Composer (Recommended) ---------------------------- [](#using-composer-recommended) Create a new project: ``` composer create-project ghostcompiler/laravel-react-jsx demo ``` --- Using Laravel Installer ----------------------- [](#using-laravel-installer) If Laravel installer is installed globally: ``` laravel new demo --using=ghostcompiler/laravel-react-jsx ``` --- Manual Installation (Fallback) ------------------------------ [](#manual-installation-fallback) Clone repository manually: ``` git clone https://github.com/ghostcompiler/laravel-react-jsx.git demo cd demo composer install npm install cp .env.example .env php artisan key:generate npm run start ``` --- Development Commands ==================== [](#development-commands) Start full development environment: ``` npm run start ``` Runs: - Laravel server - Vite dev server - Inertia SSR automatically in development Run only Vite: ``` npm run dev ``` Build production assets: ``` npm run build ``` Build production client + SSR bundles: ``` npm run build:ssr ``` Start SSR renderer manually (production): ``` php artisan inertia:start-ssr ``` --- SSR Support =========== [](#ssr-support) Inertia v3 with `@inertiajs/vite` enables SSR automatically during development when running: ``` npm run dev ``` or: ``` npm run start ``` No separate SSR Node process is required in development. For production SSR, build the SSR bundle: ``` npm run build:ssr ``` Production SSR output: ``` public/build/ bootstrap/ssr/app.js ``` Then run the SSR renderer: ``` php artisan inertia:start-ssr ``` To confirm SSR is working, open the app in a browser and check the page source or the first HTML response. If SSR is active, the initial response will already include rendered page content instead of only a shell div, and the server logs will show the SSR process starting without errors. --- Docker Deployment ================= [](#docker-deployment) This project includes a production Dockerfile for platforms like Render and Railway. Build behavior: - Installs Composer dependencies with Laravel scripts disabled during image build - Builds the frontend and SSR bundle with Vite - Copies the runtime PHP app, vendor directory, built assets, and SSR bundle into the final image - Starts the Laravel web server on the platform-provided `PORT` - Starts Inertia SSR automatically when the SSR bundle is present Hosted demos: - Render: - Railway: How to deploy: ``` docker build -t ghostcompiler-dashboard . docker run -p 8080:8080 -e APP_ENV=production -e APP_DEBUG=false ghostcompiler-dashboard ``` How to check SSR after deploy: 1. Open the live URL and confirm the page loads without a client-only flash on first paint. 2. Inspect the page source and verify the landing page content is already in the HTML response. 3. Check the deployment logs for `Starting Inertia SSR...` and make sure there is no SSR startup error. 4. If the SSR bundle is missing, confirm `bootstrap/ssr/app.js` exists in the container image. --- Project Structure ================= [](#project-structure) ``` resources/js/ │ ├── components/ ├── hooks/ ├── layouts/ ├── lib/ ├── pages/ └── app.jsx ``` Recommended usage: FolderPurposepagesInertia route pageslayoutsLayout wrapperscomponentsUI componentshooksReact hookslibUtilities / helpers--- Artisan Generators ================== [](#artisan-generators) Create Page ----------- [](#create-page) ``` php artisan make:page Dashboard ``` Creates: ``` resources/js/pages/Dashboard.jsx ``` --- Create Layout ------------- [](#create-layout) ``` php artisan make:layout Admin/MainLayout ``` Creates: ``` resources/js/layouts/Admin/MainLayout.jsx ``` --- Create Component ---------------- [](#create-component) ``` php artisan make:component UI/Button ``` Creates: ``` resources/js/components/UI/Button.jsx ``` --- Create Hook ----------- [](#create-hook) ``` php artisan make:hook useAuth ``` Creates: ``` resources/js/hooks/useAuth.js ``` --- Create Library File ------------------- [](#create-library-file) ``` php artisan make:lib api/client ``` Creates: ``` resources/js/lib/api/client.js ``` --- Create Helper File ------------------ [](#create-helper-file) ``` php artisan make:helper format/currency ``` Creates: ``` app/Helpers/Format/Currency.php ``` --- Example Layout Usage ==================== [](#example-layout-usage) ``` import DashboardLayout from "@/layouts/Admin/MainLayout"; export default function Dashboard() { return Dashboard; } Dashboard.layout = (page) => {page}; ``` --- Example Hook Usage ================== [](#example-hook-usage) ``` import useAuth from "@/hooks/useAuth"; const { state } = useAuth(); ``` --- Example Component Usage ======================= [](#example-component-usage) ``` import Button from "@/components/UI/Button"; Click me; ``` --- Scripts ======= [](#scripts) Available npm scripts: ``` npm run dev npm run build npm run build:ssr npm run start ``` ScriptPurposedevRun Vite (SSR auto in dev)buildBuild client bundlebuild:ssrBuild client + SSR bundlesstartLaravel + Vite--- Requirements ============ [](#requirements) Minimum versions: ToolVersionPHP8.3+Node20+Laravel13React19--- Recommended Usage ================= [](#recommended-usage) Ideal for: - SaaS dashboards - reseller panels - licensing systems - admin portals - API-first applications --- Contributing ============ [](#contributing) Pull requests are welcome. If you'd like to improve generators or architecture, contributions are appreciated. --- License ======= [](#license) MIT License © Ghost Compiler ### Health Score 42 — FairBetter than 89% of packages Maintenance86 Actively maintained with recent releases Popularity18 Limited adoption so far Community2 Small or concentrated contributor base Maturity50 Maturing project, gaining track record How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~26 days Total 2 Last Release 67d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/fdfc8e246731b39477bdf1668097bd52dfa52a1a9588235cbdd75d2dc7c6b927?d=identicon)[ghostcompiler](/maintainers/ghostcompiler) --- Tags laravelvitereactstarter-kitjsxlaravel-react ### Code Quality TestsPHPUnit Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/ghostcompiler-laravel-react-jsx/health.svg) ``` [![Health](https://phpackages.com/badges/ghostcompiler-laravel-react-jsx/health.svg)](https://phpackages.com/packages/ghostcompiler-laravel-react-jsx) ``` ### Alternatives [unopim/unopim UnoPim Laravel PIM 10.3k2.2k](/packages/unopim-unopim)[nasirkhan/laravel-starter A CMS like modular Laravel starter project. 1.4k2.7k](/packages/nasirkhan-laravel-starter)[codewithdennis/larament Larament is a time-saving starter kit to quickly launch Laravel 13.x projects. It includes FilamentPHP 5.x pre-installed and configured, along with additional tools and features to streamline your development workflow. 3861.7k](/packages/codewithdennis-larament) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)