- Apa itu Laravel Filament?
- Kelebihan Laravel Filament
- Langkah 1 - Installasi Laravel Filament
- Langkah 2 - Installasi Admin Panel
- Langkah 3 - Membuat User Filament
- Kesimpulan
Halo teman-teman semuanya, pada artikel kali ini kita semua akan belajar bagaimana cara meng-install dan melakukan konfigurasi Laravel Filament 5. Namun sebelum masuk ke tahap installasi, kita akan berkenalan terlebih dahulu dengan Laravel Filament.
Apa itu Laravel Filament?
Laravel Filament adalah sebuah package untuk Laravel yang membantu kita membangun admin panel atau dashboard dengan cepat dan mudah. Filament dirancang khusus untuk membantu pengelolaan data (CRUD) di sisi back-end aplikasi.
Dengan Filament, kita dapat membuat halaman untuk mengelola data seperti kategori, postingan, pengguna, dan data lainnya tanpa harus menulis kode yang terlalu rumit.
Kelebihan Laravel Filament
-
Mudah Digunakan
Filament menyediakan antarmuka yang ramah dan mudah dipahami. Kita cukup fokus pada model dan struktur data, sedangkan form, tabel, dan validasi sudah ditangani secara otomatis.
-
Cepat untuk Membangun CRUD
Salah satu keunggulan utama Filament adalah kemampuannya dalam membangun fitur CRUD (Create, Read, Update, Delete) dengan sangat cepat hanya dengan beberapa baris kode.
-
Desain Modern dan Responsif
Filament hadir dengan desain yang modern dan sudah responsif, sehingga tampilannya tetap nyaman digunakan baik di desktop maupun mobile.
-
Mudah Dikustomisasi
Walaupun sudah menyediakan banyak fitur secara default, Filament tetap fleksibel untuk dikustomisasi sesuai kebutuhan aplikasi.
-
Fitur Lengkap untuk Admin Panel
Filament menyediakan fitur penting seperti search, filter, sorting, relationship management, dan masih banyak lagi.
-
Terintegrasi Penuh dengan Laravel
Karena dibangun khusus untuk Laravel, semua fitur seperti Eloquent, validation, policy, dan authentication dapat digunakan tanpa kendala.
Langkah 1 - Installasi Laravel Filament
Untuk menginstall Laravel Filament 5, silahkan teman-teman masuk ke dalam project Laravel, kemudian jalankan perintah berikut ini di dalam terminal/CMD.
composer require filament/filament:"^5.0"
Silahkan tunggu hingga proses installasi selesai.
Langkah 2 - Installasi Admin Panel
Setelah Laravel Filament berhasil di-install, selanjutnya kita akan meng-install Admin Panel yang disediakan oleh Filament.
Dengan menjalankan perintah ini, kita akan mendapatkan admin panel lengkap dengan fitur authentication.
Silahkan jalankan perintah berikut ini di dalam terminal/CMD dan pastikan berada di dalam project Laravel.
php artisan filament:install --panels
Jika muncul pertanyaan seperti berikut ini, silahkan tekan ENTER saja untuk menggunakan nilai default.
What is the ID? ─────────────────────────────────────────────┐
│ admin │
└──────────────────────────────────────────────────────────────┘
Jika proses berhasil, maka halaman login Filament dapat diakses melalui URL berikut: http://localhost:8000/admin/login

Langkah 3 - Membuat User Filament
Setelah halaman login berhasil diakses, kita membutuhkan data user agar dapat masuk ke halaman dashboard.
Filament sudah menyediakan perintah khusus untuk membuat user admin. Silahkan jalankan perintah berikut ini di dalam terminal/CMD.
php artisan make:filament-user
Kemudian silahkan masukkan Name, Email, dan Password sesuai dengan keinginan teman-teman.
Jika sudah silahkan coba untuk proses login.
Jika proses login berhasil, maka kita akan masuk ke halaman dashboard yang dibuatkan oleh Laravel Filament. Kurang lebih seperti berikut ini.

Kesimpulan
Pada tutorial ini, kita telah berhasil melakukan installasi dan konfigurasi Laravel Filament 5 di dalam project Laravel, mulai dari pengenalan Filament, proses installasi package, pembuatan admin panel, hingga pembuatan user untuk masuk ke halaman dashboard.
Pada artikel selanjutnya, kita semua akan belajar bagaimana cara membuat fitur CRUD menggunakan Resource yang disediakan oleh Laravel Filament 5.
Terima Kasih
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
SAWERIA
Memuat komentar...