yogijowo/laravel12-react-starterkit

Starter Kit Laravel 12 + React + Inertia + Tailwind + ShadCN UI + Spatie Permission

v1.0.0 2025-07-10 06:49 UTC

Requires

• php: ^8.2
• inertiajs/inertia-laravel: ^2.0
• laravel/framework: ^12.0
• laravel/tinker: ^2.10.1
• spatie/laravel-activitylog: ^4.10
• spatie/laravel-backup: ^9.3
• spatie/laravel-medialibrary: ^11.13
• spatie/laravel-permission: ^6.20
• tightenco/ziggy: ^2.4

Requires (Dev)

• fakerphp/faker: ^1.23
• laravel/pail: ^1.2.2
• laravel/pint: ^1.18
• laravel/sail: ^1.41
• mockery/mockery: ^1.6
• nunomaduro/collision: ^8.6
• phpunit/phpunit: ^11.5.3

MIT

• framework
• laravel
• react
• permission
• inertia
• tailwind
• shadcn

README

🚀 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

• 🔐 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

Area	Technology
Backend	Laravel 12
Frontend	React 19 + Inertia.js + TypeScript
UI Library	ShadCN UI v4
CSS Utility	TailwindCSS
Auth	Laravel Fortify / Breeze-style
Access Ctrl	Spatie Laravel Permission v5
DBMS	MySQL / MariaDB
Layout	Dynamic Sidebar + Header

🔧 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: [e-mail]
Password: admin123

🚀 Deployment Guide

1. Build Frontend for Production

npm install
npm run build

1. Run Laravel in Production Mode

php artisan config:cache
php artisan route:cache
php artisan view:cache

1. Set File Permissions

chmod -R 775 storage bootstrap/cache
chown -R www-data:www-data .

1. Serve with Web Server (Nginx/Apache) pointing to public/ folder.

🖼️ Application Screenshots

📌 Dashboard (light)

📌 Dashboard (dark)

📌 User Management

📌 Role Management

📌 Permission Management

📌 Menu Manager

📌 App Settings

📌 Audit Logs

📌 Database Backup

📌 File Manager

✅ Manual Test Checklist

Feature	Status
Authentication (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

If you find this starter kit helpful, consider supporting me:

• 💖 Donate via Ko-fi
• 🧧 Donate via Saweria
• 🙌 Share this repo with others

Your support helps me keep improving this open-source project. Thank you! 🙏

📄 License

Released under the MIT License. Feel free to use it for personal or commercial projects.

🇵🇸 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