PHPackages yogijowo/laravel12-react-starterkit - 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. [Framework](/categories/framework) 4. / 5. yogijowo/laravel12-react-starterkit ActiveProject[Framework](/categories/framework) yogijowo/laravel12-react-starterkit =================================== Starter Kit Laravel 12 + React + Inertia + Tailwind + ShadCN UI + Spatie Permission v1.0.0(10mo ago)153396—0%54[1 issues](https://github.com/yogijowo/laravel12-react-starterkit/issues)MITTypeScriptPHP ^8.2 Since Jul 10Pushed 5mo ago2 watchersCompare [ Source](https://github.com/yogijowo/laravel12-react-starterkit)[ Packagist](https://packagist.org/packages/yogijowo/laravel12-react-starterkit)[ RSS](/packages/yogijowo-laravel12-react-starterkit/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (15)Versions (2)Used By (0) [![Laravel 12 + React Starter Kit](https://raw.githubusercontent.com/yogijowo/laravel12-react-starterkit/refs/heads/main/screenshots/landing-welcome.png)](https://raw.githubusercontent.com/yogijowo/laravel12-react-starterkit/refs/heads/main/screenshots/landing-welcome.png) 🚀 Laravel 12 + React Starter Kit ================================ [](#-laravel-12--react-starter-kit) A modern and flexible starter kit built with **Laravel 12**, **React (Inertia.js + TypeScript)**, **TailwindCSS**, and **ShadCN UI v4**. Designed to accelerate secure, responsive, and customizable dashboard application development. --- ✨ Features ---------- [](#-features) - 🔐 Full authentication (login, register, reset password) - 👥 Role & Permission Management (Spatie Laravel Permission) - 📂 Dynamic Sidebar & Menus based on role & permission - 🧩 Drag & drop menu management (nested, reorder) - ⚙️ App settings (name, logo, theme color, SEO) - 🎨 ShadCN UI v4 + TailwindCSS modern design - 🌗 Dark/Light mode support - 🔒 Dynamic access protection via `CheckMenuPermission` middleware - ⚠️ Custom 403 Error Page (React-based) - 💾 Primary color configuration via DB `--primary` - 🪪 Audit Log to track user activity - 📦 Manual & automatic database backup system - 🗂️ File Manager with folder & file operations --- 🧱 Tech Stack ------------ [](#-tech-stack) AreaTechnologyBackendLaravel 12FrontendReact 19 + Inertia.js + TypeScriptUI LibraryShadCN UI v4CSS UtilityTailwindCSSAuthLaravel Fortify / Breeze-styleAccess CtrlSpatie Laravel Permission v5DBMSMySQL / MariaDBLayoutDynamic Sidebar + Header--- 🔧 Installation & Setup -------------------------- [](#-installation--setup) ``` # Create project composer create-project yogijowo/laravel12-react-starterkit my-app cd my-app # Backend setup composer install # Configure your database settings in .env php artisan migrate:fresh --seed # Frontend setup npm install # Running dev composer run dev ``` Login using: ``` Email: admin@admin.com Password: admin123 ``` --- 🚀 Deployment Guide ------------------ [](#-deployment-guide) 1. **Build Frontend for Production** ``` npm install npm run build ``` 2. **Run Laravel in Production Mode** ``` php artisan config:cache php artisan route:cache php artisan view:cache ``` 3. **Set File Permissions** ``` chmod -R 775 storage bootstrap/cache chown -R www-data:www-data . ``` 4. **Serve with Web Server** (Nginx/Apache) pointing to `public/` folder. --- 🖼️ Application Screenshots -------------------------- [](#️-application-screenshots) ### 📌 Dashboard (light) [](#-dashboard-light) [![Dashboard](./screenshots/dashboard-light.png)](./screenshots/dashboard-light.png) ### 📌 Dashboard (dark) [](#-dashboard-dark) [![Dashboard](./screenshots/dashboard-dark.png)](./screenshots/dashboard-dark.png) ### 📌 User Management [](#-user-management) [![Users](./screenshots/users.png)](./screenshots/users.png) ### 📌 Role Management [](#-role-management) [![Roles](./screenshots/roles.png)](./screenshots/roles.png) ### 📌 Permission Management [](#-permission-management) [![Permissions](./screenshots/permissions.png)](./screenshots/permissions.png) ### 📌 Menu Manager [](#-menu-manager) [![Menus](./screenshots/menus.png)](./screenshots/menus.png) ### 📌 App Settings [](#-app-settings) [![App Settings](./screenshots/app-settings.png)](./screenshots/app-settings.png) ### 📌 Audit Logs [](#-audit-logs) [![Audit Logs](./screenshots/audit-logs.png)](./screenshots/audit-logs.png) ### 📌 Database Backup [](#-database-backup) [![Backup](./screenshots/backup.png)](./screenshots/backup.png) ### 📌 File Manager [](#-file-manager) [![File Manager](./screenshots/file-manager.png)](./screenshots/file-manager.png) --- ✅ Manual Test Checklist ----------------------- [](#-manual-test-checklist) FeatureStatusAuthentication (Login)✅CRUD User✅CRUD Role & Permission✅Dynamic Menu + Sidebar✅Access Protection (403)✅Drag & Drop Menu Sorting✅Theme Color via DB✅Dark Mode Support✅Audit Logs Functionality✅Database Backup✅File Manager✅--- ☕ Support This Project ---------------------- [](#-support-this-project) If you find this starter kit helpful, consider supporting me: - 💖 [Donate via Ko-fi](https://ko-fi.com/yogijowo) - 🧧 [Donate via Saweria](https://saweria.co/yogijowo) - 🙌 Share this repo with others Your support helps me keep improving this open-source project. Thank you! 🙏 --- 📄 License --------- [](#-license) Released under the [MIT License](https://opensource.org/licenses/MIT). Feel free to use it for personal or commercial projects. --- 🇵🇸 Free Palestine ----------------- [](#-free-palestine) > **"You don’t have to be Palestinian to stand for Palestine. You just have to be human."** We stand with the people of Palestine. We reject colonialism, injustice, and violence. **Freedom is a human right. FREE PALESTINE 🇵🇸** --- Created with ❤️ by [@yogijowo](https://github.com/yogijowo) ### Health Score 43 — FairBetter than 91% of packages Maintenance64 Regular maintenance activity Popularity34 Limited adoption so far Community16 Small or concentrated contributor base Maturity49 Maturing project, gaining track record Bus Factor1 Top contributor holds 69.4% of commits — single point of failure 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 Unknown Total 1 Last Release 307d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/09486f1d2c4b9d658077b5d455d64a1b21fbf0e3b82d5c640ac5dd9bb5340178?d=identicon)[yogijowo](/maintainers/yogijowo) --- Top Contributors [![yogijowo](https://avatars.githubusercontent.com/u/58018590?v=4)](https://github.com/yogijowo "yogijowo (25 commits)")[![lpsekudus](https://avatars.githubusercontent.com/u/100740893?v=4)](https://github.com/lpsekudus "lpsekudus (11 commits)") --- Tags indonesiainertialaravellaravel-12laravel-frameworklaravel-starterlaravel-starter-kitlaravel-starter-templatelaravel12reactreactjsshadcn-uistarter-kitstarterkittailwindframeworklaravelpermissiontailwindinertiareactshadcn ### Code Quality TestsPHPUnit Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/yogijowo-laravel12-react-starterkit/health.svg) ``` [![Health](https://phpackages.com/badges/yogijowo-laravel12-react-starterkit/health.svg)](https://phpackages.com/packages/yogijowo-laravel12-react-starterkit) ``` ### Alternatives [nasirkhan/laravel-starter A CMS like modular Laravel starter project. 1.4k2.7k](/packages/nasirkhan-laravel-starter) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)