{"id":52004,"date":"2024-12-06T14:59:25","date_gmt":"2024-12-06T07:59:25","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=52004"},"modified":"2024-12-06T15:02:02","modified_gmt":"2024-12-06T08:02:02","slug":"laravel-filament","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/laravel-filament\/","title":{"rendered":"Laravel Filament: Pengertian, Fungsi, dan Cara Instalasinya"},"content":{"rendered":"\n<p>Laravel Filament adalah salah satu <em>library <\/em>yang dirancang untuk mempermudah pengembangan aplikasi web menggunakan <em>framework <\/em>Laravel. Dalam artikel ini, kami akan membahas tentang apa itu Laravel Filament, fungsi hingga cara instalasinya di <em>localhost<\/em>.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Laravel filament?<\/h2>\n\n\n\n<p>Laravel Filament adalah <em>package <\/em>yang dirancang khusus untuk meemudahkan developer dalam membuat halaman administrator pada aplikasi mereka. Dengan berbagai komponen siap pakai, Filament memungkinkan pembuatan halaman admin berlangsung lebih cepat, efisien, dan praktis.<\/p>\n\n\n\n<p>Kelebihan utama dari Laravel Filament terletak pada desain admin panel yang intuitif dan user-friendly, sehingga menjadikannya solusi ideal bagi developer yang mengutamakan produktivitas tanpa mengorbankan fleksibilitas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fungsi Filament<\/h2>\n\n\n\n<p>Laravel Filament adalah <em>package <\/em>yang dirancang khusus untuk membangun panel admin berbasis TALL stack (Tailwind CSS, Alpine.js, Laravel, dan Livewire). <em>Package <\/em>ini memudahkan developer dalam mengelola aplikasi Laravel secara efisien dan terstruktur.<\/p>\n\n\n\n<p>Selain itu, Filament dilengkapi dengan berbagai fungsi untuk mendukung kebutuhan pengelolaan aplikasi, berikut diantaranya:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Pembuatan panel admin yang mudah<\/li>\n\n\n\n<li>Create, Read, Update, Delete (generator)<\/li>\n\n\n\n<li>Manajemen data yang cukup efisien<\/li>\n\n\n\n<li>Desain modern<\/li>\n\n\n\n<li>Formulir dinamis dan fleksibel<\/li>\n\n\n\n<li>Dan Lain &#8211; Lainnya<\/li>\n<\/ol>\n\n\n\n<p>Dengan banyaknya fungsi diatas, menjadikan Filament menjadi salah satu <em>Package <\/em>yang paling banyak digunakan saat ini di <a href=\"https:\/\/www.rumahweb.com\/journal\/laravel-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"laravel adalah\">Laravel<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa yang dibutuhkan untuk install Laravel filament?<\/h2>\n\n\n\n<p>Berikut adalah <em>system requirement <\/em>untuk dapat menginstal Laravel Filament di localhost.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Composer<\/li>\n\n\n\n<li>Laravel versi 10 Ke-atas<\/li>\n\n\n\n<li>PHP versi 8.1<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Cara install Laravel filament di Localhost<\/h2>\n\n\n\n<p>Berikut adalah cara install Laravel Filament di Localhost:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Install Laravel di localhost<\/h3>\n\n\n\n<p>Pastikan bahwa Anda telah menginstall laravel di <em>localhost<\/em>. Bila belum, Anda bisa mengikuti panduan berikut: <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-install-laravel-di-localhost-xampp-windows\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Cara Install Laravel di Localhost<\/a>.<\/p>\n\n\n\n<p>Selanjutnya, Anda bisa menggunakan gitbash atau terminal di Windows untuk membuat <em>project<\/em> laravel filament. Namun dalam panduan ini, kami akan memberikan contoh dengan menggunakan gitbash.<\/p>\n\n\n\n<p>Setelah halaman command prompt terbuka, Anda bisa masuk ke drive atau directory yang Anda inginkan untutk menginstall Laravel filament. Dalam artikel ini, kami akan menggunakan Drive D di dalam folder journal Rw. Setelah masuk ke directory yang diingikan, Anda bisa menjalankan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer create-project --prefer-dist laravel\/laravel:^11.0 laravel-filament<\/code><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"88\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image.png\" alt=\"install filament\" class=\"wp-image-52007\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image.png 583w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-300x45.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-370x56.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-270x41.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-570x86.png 570w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Selanjutnya, masuk ke directory laravel-filament yang telah dibuat sebelumnya  dengan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd laravel-filament\/<\/code><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"527\" height=\"84\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-1.png\" alt=\"masuk ke folder filament\" class=\"wp-image-52008\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-1.png 527w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-1-300x48.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-1-370x59.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-1-270x43.png 270w\" sizes=\"auto, (max-width: 527px) 100vw, 527px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2. Edit File .env<\/h3>\n\n\n\n<p>Buka folder pada <em>project <\/em>laravel Anda dan cari file .env. Silahkan ubah <code>sqlite <\/code>menjadi <code>mysql<\/code>, dan hilangkan tanda # pada line berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"136\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-4.png\" alt=\"menyesuaiikan koneksi database\" class=\"wp-image-52062\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-4.png 286w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-4-270x128.png 270w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Setelah itu, sesuaikan koneksi database laravelnya. Berikut adalah contoh beserta keterangannya:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"224\" height=\"122\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-3.png\" alt=\"koneksi database laravel filament\" class=\"wp-image-52061\"\/><\/a><\/figure>\n<\/div>\n\n\n<p><strong>Keterangan<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>DB_CONNECTION<\/strong>: adalah tipe koneksi database, dan pastikan menggunakan mysql sesuai database <em>engine <\/em>di localhost.<\/li>\n\n\n\n<li><strong>DB_HOST:<\/strong> adalah hostname server databasenya. Secara default, Anda tidak perlu mengubah apapun dan tetap gunakan &#8216;127.0.0.1&#8217; atau &#8216;localhost&#8217;.<\/li>\n\n\n\n<li><strong>DB_PORT<\/strong>: Port koneksi database, gunakan 3306.<\/li>\n\n\n\n<li><strong>DB_DATABASE:<\/strong> nama database yang Anda gunakan untuk aplikasi laravelnya.<\/li>\n\n\n\n<li><strong>DB_USERNAME<\/strong>: Isi dengan user database. Umumnya, jika Anda menggunakan XAMPP maka secara default menggunakan <strong>root<\/strong>.<\/li>\n\n\n\n<li><strong>DB_PASSWORD<\/strong>: Isi dengan password database yang dibuat. Jika Anda menggunakan XAMPP, defaultnya kosong atau tanpa password.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3. Buat Model dan Migration Data<\/h3>\n\n\n\n<p>Buka terminal di Visual Studio Code untuk membuat model sekaligus migration dengan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:model Berita -m<\/code><\/pre>\n\n\n\n<p>Migration di Laravel memiliki fungsi utama untuk mengelola struktur database secara programatis melalui skrip. Dengan migration, Anda dapat membuat, mengubah, atau menghapus tabel dan kolom dalam database tanpa perlu menulis <em>query <\/em>SQL secara manual.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"90\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2.png\" alt=\"membuat model filament\" class=\"wp-image-52060\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2.png 598w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2-300x45.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2-370x56.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2-270x41.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-2-570x86.png 570w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Setelah menjalankan perintah untuk membuat migration, tambahkan field data yang diinginkan. File migration ini dapat ditemukan di direktori: <code>database\/migrations\/2024_11_19_115258_create_beritas_table.php<\/code><\/p>\n\n\n\n<p>Pada contoh di bawah ini, kita menambahkan tiga field:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>judul<\/strong> dengan tipe data <em>string<\/em>,<\/li>\n\n\n\n<li><strong>gambar<\/strong> dengan tipe data <em>string<\/em>,<\/li>\n\n\n\n<li><strong>isi<\/strong> dengan tipe data <em>text<\/em>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"192\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-5.png\" alt=\"tambahkan field data\" class=\"wp-image-52063\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-5.png 552w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-5-300x104.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-5-370x129.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-5-270x94.png 270w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Selanjutnya, tambahkan <em>mass assignment<\/em> di dalam model menggunakan properti <em>protected <\/em><code>$fillable<\/code> untuk <em>field <\/em>yang telah dibuat pada migration sebelumnya.<\/p>\n\n\n\n<p><em>Mass Assignment<\/em> adalah fitur di Laravel yang memungkinkan Anda untuk menyisipkan atau memperbarui banyak kolom dalam database secara sekaligus menggunakan array data. Fitur ini sangat membantu dalam menyederhanakan pengelolaan data model, sehingga Anda tidak perlu menetapkan nilai untuk setiap atribut secara manual.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"157\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-6.png\" alt=\"menambahkan atribut\" class=\"wp-image-52064\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-6.png 382w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-6-300x123.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-6-370x152.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-6-270x111.png 270w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 4. Migration data ke database<\/h3>\n\n\n\n<p>Selanjutnya, jalankan perintah <code>php artisan migrate<\/code> di terminal, lalu ketik <em>yes<\/em> jika diminta untuk membuat database.<\/p>\n\n\n\n<p>Dalam Laravel, perintah <code>php artisan migrate<\/code> digunakan untuk menjalankan file migrasi yang telah dibuat sebelumnya. Perintah ini akan menerapkan perubahan ke database, seperti membuat, mengubah, atau menghapus tabel dan kolom sesuai dengan definisi di file migrasi.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"117\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-7.png\" alt=\"Migration data ke database\" class=\"wp-image-52065\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-7.png 540w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-7-300x65.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-7-370x80.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-7-270x59.png 270w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 5. Install Filament<\/h3>\n\n\n\n<p>Jalankan perintah <code>composer require filament\/filament<\/code> untuk menginstal Filament yang sesuai dengan versi Laravel Anda.<\/p>\n\n\n\n<p>Dalam contoh ini, Filament versi 3 yang akan diinstal. Jika Anda menggunakan Filament versi 2, Anda dapat membaca dokumentasi resminya di halaman <a href=\"https:\/\/filamentphp.com\/docs\/2.x\/admin\/installation\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">berikut<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-8.png\"><img loading=\"lazy\" decoding=\"async\" width=\"545\" height=\"22\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-8.png\" alt=\"composer install filament\" class=\"wp-image-52066\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-8.png 545w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-8-300x12.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-8-370x15.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-8-270x11.png 270w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Jalankan perintah <code>php artisan filament:install --panels<\/code> jika muncul seperti gambar dibawah ini tekan enter saja:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-9.png\"><img loading=\"lazy\" decoding=\"async\" width=\"539\" height=\"74\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-9.png\" alt=\"install filament laravel sesuai versi\" class=\"wp-image-52067\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-9.png 539w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-9-300x41.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-9-370x51.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-9-270x37.png 270w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 6. Buat User login Filament<\/h3>\n\n\n\n<p>Jika install telah selesai, jalankan perintah <code>php artisan make:filament-user<\/code> dan isi valuenya seperti nama email address dan password sesuai dengan keinginan.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-10.png\"><img loading=\"lazy\" decoding=\"async\" width=\"483\" height=\"195\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-10.png\" alt=\"Buat User login Filament\u00a0\" class=\"wp-image-52068\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-10.png 483w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-10-300x121.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-10-370x149.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-10-270x109.png 270w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 7. Jalankan Storage:link<\/h3>\n\n\n\n<p>Kemudian, jalankan perintah <code>php artisan storage:link<\/code> agar nanti file yang di upload dapat terlihat oleh <em>public<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"110\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14.png\" alt=\"Jalankan Storage:link\" class=\"wp-image-52072\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14.png 748w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14-300x44.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14-370x54.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14-270x40.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14-570x84.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-14-740x109.png 740w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Langkah selanjutnya, jalankan Laravel dengan perintah <code>php artisan serve<\/code>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"139\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11.png\" alt=\"jalankan Laravel\" class=\"wp-image-52069\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11.png 616w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11-300x68.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11-370x83.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11-270x61.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-11-570x129.png 570w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 8. Akses Laravel Filament<\/h3>\n\n\n\n<p>Langkah terakhirnya, Anda bisa mengakses halaman <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-gridlove-acc-color\">http:\/\/127.0.0.1\/admin\/login<\/mark> untuk mengakses halaman filament. Masukkan email dan <em>password <\/em>yang telah Anda inputkan sebelumnya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-1024x516.png\" alt=\"Akses Laravel Filament\" class=\"wp-image-52070\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-1024x516.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-300x151.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-768x387.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-370x186.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-270x136.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-570x287.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12-740x373.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-12.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Berikut adalah tampilan <em>dashboard <\/em>dari laravel filament ketika berhasil login.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-1024x478.png\" alt=\"Tampilan halaman admin filament\" class=\"wp-image-52071\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-1024x478.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-300x140.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-768x358.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-370x173.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-270x126.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-570x266.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13-740x345.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/image-13.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Laravel Filament adalah <em>package open-source<\/em> yang dirancang untuk memudahkan Anda dalam membuat tampilan halaman administrasi (<em>admin panel<\/em>) pada aplikasi berbasis Laravel.<\/p>\n\n\n\n<p>Dengan pendekatan yang lebih modern dan efisien, Filament memungkinkan Anda untuk membangun fitur manajemen data, seperti operasi CRUD (<em>Create, Read, Update, Delete<\/em>), tanpa perlu menulis kode yang rumit.<\/p>\n\n\n\n<p>Demikian artikel kami tentang belajar Laravel Filament, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Laravel Filament adalah salah satu library yang dirancang untuk mempermudah pengembangan aplikasi web menggunakan framework Laravel. Dalam artikel ini, kami akan membahas tentang apa itu Laravel Filament, fungsi hingga cara instalasinya di localhost. Apa itu Laravel filament? Laravel Filament adalah package yang dirancang khusus untuk meemudahkan developer dalam membuat halaman administrator pada aplikasi mereka. Dengan [&hellip;]<\/p>\n","protected":false},"author":357,"featured_media":52073,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[1587,796,2417],"class_list":{"0":"post-52004","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-laravel","9":"tag-laravel","10":"tag-laravel-filament"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/banner-Laravel-Filament.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-dwM","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/52004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/357"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=52004"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/52004\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/52073"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=52004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=52004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=52004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}