Menginstall Livewire 4 di Laravel 12

Setelah project Laravel 12 berhasil dibuat dan bisa dijalankan, langkah berikutnya adalah menginstall Livewire versi 4 ke dalam project kita.

Pastikan teman-teman sudah berada di dalam direktori project Laravel. Kalau tadi nama project-nya simple-livewire4, maka pastikan terminal berada di folder tersebut.

Selanjutnya, jalankan perintah berikut di Command Prompt / Terminal:

composer require livewire/livewire:^4.0

Penjelasan Singkat

Perintah ini akan:

• Mengunduh package Livewire versi 4
• Menyesuaikannya dengan Laravel 12
• Mendaftarkan Livewire secara otomatis ke dalam project

Tunggu sampai proses instalasi selesai. Jika berhasil, Composer akan menampilkan pesan bahwa package Livewire sudah terpasang tanpa error.

Setelah Instalasi Selesai

Ketika instalasi berhasil, Livewire sebenarnya sudah bisa langsung digunakan. Livewire 4 bersifat zero-config, artinya:

• Tidak perlu setting tambahan
• Tidak perlu publish apa pun untuk mulai dipakai
• Bisa langsung membuat dan menjalankan komponen

Namun, dalam beberapa kondisi, kita perlu mengatur konfigurasi Livewire secara manual. Misalnya:

• Mengubah namespace
• Mengatur behavior tertentu
• Menyesuaikan fitur bawaan Livewire

Untuk itulah kita perlu melakukan publish file konfigurasi.

Publish File Konfigurasi Livewire

Untuk mem-publish file konfigurasi Livewire, jalankan perintah berikut:

php artisan livewire:config

Perintah ini akan membuat file baru bernama:

config/livewire.php

  INFO  Publishing [livewire:config] assets.

Copying file [C:\Users\LagiKoding\Desktop\simple-livewire4\vendor\livewire\livewire\config\livewire.php] to [C:\Users\LagiKoding\Desktop\simple-livewire4\config\livewire.php]  DONE

Di dalam file ini, teman-teman bisa:

• Mengatur konfigurasi internal Livewire
• Menyesuaikan behavior default sesuai kebutuhan project

Kalau belum butuh konfigurasi khusus, file ini boleh dipublish atau tidak, tidak masalah. Livewire tetap akan berjalan normal tanpa file konfigurasi ini.

Kesimpulan Singkat

Sampai tahap ini, kita sudah:

• Berhasil menginstall Livewire 4
• Memahami bahwa Livewire bersifat zero-config
• Mengetahui cara mem-publish konfigurasi jika diperlukan

Di langkah selanjutnya, kita akan mulai masuk ke bagian yang menarik yakni integrasi Tailwind CSS didalam project laravel 12 dan livewire4