Skip to content

A modern Laravel 12 + React (Inertia.js + TypeScript) starter kit with authentication, role & permission management, dynamic sidebar menus, app settings, dark mode, file manager, and more — styled with TailwindCSS and ShadCN UI v4.

Notifications You must be signed in to change notification settings

yogijowo/laravel12-react-starterkit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

  • 🔐 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: [email protected]
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

📌 Dashboard (dark)

Dashboard

📌 User Management

Users

📌 Role Management

Roles

📌 Permission Management

Permissions

📌 Menu Manager

Menus

📌 App Settings

App Settings

📌 Audit Logs

Audit Logs

📌 Database Backup

Backup

📌 File Manager

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:

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

About

A modern Laravel 12 + React (Inertia.js + TypeScript) starter kit with authentication, role & permission management, dynamic sidebar menus, app settings, dark mode, file manager, and more — styled with TailwindCSS and ShadCN UI v4.

Topics

Resources

Stars

Watchers

Forks

Sponsor this project

  •  

Packages

No packages published