Membangun aplikasi web dengan fitur yang lengkap sering kali membutuhkan banyak waktu dan usaha, terutama ketika menyangkut pembuatan dashboard admin yang elegan dan fungsional. Laravel, sebagai salah satu framework PHP terpopuler, menyediakan fondasi yang kuat untuk pengembangan aplikasi web. Namun, menambahkan antarmuka yang modern dan mudah digunakan bisa menjadi tantangan tersendiri.
Di sinilah Filament hadir sebagai solusi. Filament adalah library open-source yang dirancang khusus untuk membuat dashboard admin dengan cepat, tanpa mengorbankan estetika maupun fleksibilitas. Dengan integrasi yang mulus ke dalam Laravel, Filament memungkinkan pengembang untuk membuat fitur CRUD (Create, Read, Update, Delete) secara efisien sambil tetap menjaga profesionalitas desain.
Dalam artikel ini, kita akan membahas bagaimana menggunakan Laravel dan Filament untuk membuat dashboard CRUD yang tidak hanya fungsional tetapi juga memiliki tampilan yang profesional. Mari kita mulai membangun sistem yang memudahkan manajemen data dengan antarmuka yang intuitif dan modern!
Yuk Kita Buat Project Laravel dengan Filament!
Sebelum memulai, pastikan Anda sudah menginstal Composer dan memiliki Laravel terpasang di komputer Anda. Berikut langkah-langkah awal yang bisa diikuti:
-
Buat Project Laravel Baru
Jalankan perintah berikut untuk membuat project Laravel baru:
composer create-project laravel/laravel mahasiswa
Setelah selesai, masuk ke folder project: di sini saya masuk project mahasiswa
cd mahasiswa
- SetUp
Konfigurasi file.env
untuk koneksi database. Pastikan Anda sudah memiliki database yang siap digunakan. Buka project kalian
Contohnya:ENVPHP123456DB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306DB_DATABASE=filament_zawataDB_USERNAME=rootDB_PASSWORD=
Jangan lupa jalankan migrasi database untuk membuat tabel default:
PowerShell1php artisan migrate
- Install Filament
Jangan lupa sering sering baca documentation filament
Tambahkan Filament ke dalam project Laravel Anda dengan menjalankan perintah berikut:
Install liblary1composer require filament/filament
Setelah instalasi selesai, jalankan perintah untuk menginstal Filament:
INSTALL FILEMENT1php artisan filament:install
- Setup Filament PanelTambahkan Filament Panel
panel1php artisan filament:install --panels
Ini membuat panel lebih mudah - Buat User
Tambahkan User ini untuk login panelnyauser1php artisan make:filament-userDisini saya buat emailnya [email protected] dan passwordnya 123
- Jalankan servernya
Jalnkan servernya laravelmuserver1php artisan serveSekarang lihat browser mu
- Login
Kamu login dari akun yang kalian buat
Disi kalian sudah buat dashbord berhasil
Nantikan lah Preject selanjutnya di zawataFilament Laravel, tutorial Laravel, Laravel admin panel, membuat aplikasi web, belajar Laravel, Filament dashboard, PHP Laravel, Laravel Indonesia