Menambahkan Filament v3 ke dalam Project Laravel 11

Filament adalah sebuah library Laravel yang sangat berguna untuk mempercepat pengembangan antarmuka admin yang modern dan intuitif. Berikut adalah langkah-langkah detail untuk menginstal dan mengkonfigurasi Filament 3 pada proyek Laravel 11 Anda:

1. Buat Proyek Laravel Baru (Jika Belum Ada)

Jika Anda belum memiliki proyek Laravel, buatlah terlebih dahulu menggunakan Composer:


composer create-project laravel/laravel my-filament-app


Ganti my-filament-app dengan nama proyek yang Anda inginkan.

2. Instal Filament

Masuk ke dalam direktori proyek Anda dan jalankan perintah berikut untuk menginstal paket Filament beserta dependensi yang diperlukan:


cd my-filament-app
composer require filament/filament filament/forms filament/tables


Perintah di atas akan menginstal paket inti Filament, paket untuk membuat formulir, dan paket untuk membuat tabel.

3. Publikasikan Konfigurasi Filament

Untuk membuat konfigurasi Filament menjadi publik, jalankan perintah berikut:


php artisan vendor:publish --tag=filament-config


4. Konfigurasi Database

Pastikan Anda telah mengkonfigurasi database di file .env proyek Anda. Sesuaikan nilai DB_CONNECTION, DB_HOST, DB_DATABASE, DB_USERNAME, dan DB_PASSWORD dengan konfigurasi database Anda.

5. Buat User Admin

Untuk mengakses antarmuka admin Filament, Anda perlu membuat setidaknya satu user admin. Anda bisa menggunakan perintah Artisan berikut:


php artisan filament:user


Ikuti petunjuk di terminal untuk membuat user admin baru.

6. Jalankan Aplikasi

Jalankan aplikasi Laravel Anda menggunakan perintah berikut:


php artisan serve


Akses antarmuka admin Filament melalui browser Anda dengan membuka URL http://127.0.0.1:8000/admin.

Konfigurasi Lanjutan

Setelah instalasi dasar selesai, Anda dapat melakukan konfigurasi lebih lanjut sesuai kebutuhan Anda. Beberapa hal yang bisa Anda lakukan:

  • Kustomisasi tampilan: Sesuaikan tampilan antarmuka admin dengan CSS dan JavaScript Anda sendiri.
  • Buat resource: Buat resource untuk setiap model yang ingin Anda kelola di Filament. Resource ini akan menentukan bagaimana data ditampilkan dan diedit di antarmuka admin.
  • Tambahkan fitur: Filament menyediakan berbagai fitur tambahan seperti autentikasi multi-faktor, pencarian, filtering, dan banyak lagi. Anda bisa mengaktifkan fitur-fitur ini sesuai kebutuhan.

Contoh Membuat Resource

Misalnya, untuk membuat resource untuk model User, Anda bisa menjalankan perintah berikut:


php artisan make:filament-resource User


Perintah ini akan membuat file UserResource.php di dalam direktori app/Filament/Resources. Di dalam file tersebut, Anda dapat mendefinisikan formulir, tabel, dan fitur-fitur lain yang terkait dengan model User.

Dokumentasi Resmi Filament:

Untuk informasi lebih lanjut dan contoh yang lebih kompleks, silakan kunjungi dokumentasi resmi Filament: https://filamentphp.com/

Dengan mengikuti langkah-langkah di atas, Anda telah berhasil menginstal dan mengkonfigurasi Filament 3 pada proyek Laravel 11 Anda. Selamat mencoba!

Tips Tambahan:

  • Perbarui Filament: Selalu perbarui Filament ke versi terbaru untuk mendapatkan fitur-fitur baru dan perbaikan bug.
  • Gunakan ekstensi: Filament memiliki ekosistem ekstensi yang luas yang dapat memperkaya fungsionalitas aplikasi Anda.
  • Ikuti komunitas: Bergabunglah dengan komunitas Filament untuk mendapatkan bantuan dan berbagi pengetahuan dengan developer lain.
Website Development | Banu T | 2 years ago