承接 yogijowo/laravel12-react-starterkit 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

yogijowo/laravel12-react-starterkit

最新稳定版本:v1.0.0

Composer 安装命令:

composer create-project yogijowo/laravel12-react-starterkit

包简介

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

README 文档

README

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: 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

统计信息

  • 总下载量: 333
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 139
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 139
  • Watchers: 1
  • Forks: 50
  • 开发语言: TypeScript

其他信息

  • 授权协议: MIT
  • 更新时间: 2025-07-10