Starter kit modern berbasis Laravel 12, React (Inertia.js + TypeScript), TailwindCSS, dan ShadCN UI. Cocok digunakan untuk membangun aplikasi dashboard admin, manajemen user, pengaturan dinamis, dan kebutuhan SPA modern lainnya.
Dikembangkan dan disesuaikan oleh @yogijowo.
- 🔐 Autentikasi (login, register, reset password)
- 👥 Manajemen Role & Permission (Spatie)
- 📂 Manajemen Menu Dinamis berbasis role
- ⚙️ Halaman Pengaturan Aplikasi (nama, logo, SEO, warna)
- 🎨 UI Modern: ShadCN UI v4 + TailwindCSS + Dark/Light mode
- ⚡️ SPA Responsif: React 19 + Inertia.js + TypeScript
| Kebutuhan | Teknologi |
|---|---|
| Backend | Laravel 12 |
| Frontend | React + Inertia.js + TypeScript |
| UI Components | ShadCN UI v4 |
| CSS Framework | TailwindCSS |
| Hak Akses | Spatie Laravel Permission |
| Layout | Sidebar + Header Dinamis |
| DBMS | MySQL |
- Login, Register, Reset Password
- Layout responsif: card / split / simple
- CRUD User
- Assign Role ke User
- CRUD Role dan Permission
- Assign Permission ke Role & Role ke User
- Tabel
menus: id, title, icon, route, parent_id, role_id, order - Support submenu (nested), berdasarkan role
- Ditampilkan di sidebar React secara dinamis
- Tabel
settingapp: nama_app, deskripsi, logo, favicon, warna, SEO - Ditampilkan di layout React + disimpan via Inertia
git clone https://github.com/yogijowo/laravel12-react-starterkit.git cd laravel12-react-starterkit cp .env.example .env composer install php artisan key:generate php artisan migrate npm install npm run dev- Drag & drop untuk menyusun urutan menu
- Menu ditampilkan sesuai urutan dan role
- Simpan urutan menu melalui tombol
Simpan Perubahan
resources/js/ ├── components/ # Komponen UI reusable ├── hooks/ # React hooks custom ├── layouts/ # Layout auth & app ├── lib/ # Utility / mapping ├── pages/ # Halaman sesuai route └── types/ # Tipe TypeScript - Sidebar dinamis berdasarkan role
- Drag & drop reorder menu dengan
@dnd-kit - Theme dark/light tersimpan via state
- Role & permission dari Spatie Permission (v5)
- Menu yang tampil di sidebar terfilter otomatis
Pull request, diskusi, dan saran sangat terbuka. Pastikan untuk melakukan lint dan test sebelum push.
Proyek ini dirilis dengan MIT License.