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

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Landing Page

πŸš€ 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

# Clone the repository git clone https://github.com/yogijowo/laravel12-react-starterkit.git cd laravel12-react-starterkit # Backend setup composer install cp .env.example .env php artisan key:generate php artisan migrate:fresh --seed # Frontend setup npm install # Running dev composer run dev

Login using:

Email: admin@admin.com 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

Contributors 2

  •  
  •