Halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar Laravel Livewire 3. Tapi sebelum itu, kita harus menginstall dan mempersiapkan project Laravel-nya terlebih dahulu, karena Livewire ini bekerja di atas Laravel.
Sebelum melangkah lebih jauh, ada baiknya kita mengetahui terlebih dahulu apa sebenernya Livewire itu.
Apa itu Livewire?
Laravel Livewire merupakan FullStack Framework yang digunakan untuk membangun user interface dengan dinamis tanpa menggunakan JavaScript.
Ya benar, dengan menggunakan Livewire kita bisa membangun sebuah user interface yang interaktif dan dinamis tanpa membutuhkan JavaScript framework seperti React, Vue atau Svelte. Karena kita cukup menggunakan kode PHP seperti pada umumnya di dalam Laravel.
Langkah 1 - Installasi Composer
Sebelum membuat project Laravel, maka kita butuh sebuah tools yang bernama Composer
. Composer merupakan dependency manager untuk bahasa pemrogramman PHP, sehingga dengan Composer kita bisa menambahkan sebuah library ke dalam aplikasi yang kita kembangkan dengan mudah.
Untuk menginstall Composer, kita harus menyesuaikan sistem operasi yang digunakan, apakah itu Windows, Linux atau MacOS.
Berikut ini Link installasi Composer berdasarkan sistem operasi, jadi silahkan teman-teman lakukan installasi melalui Link berikut ini.
Untuk memastikan apakah Composer sudah benar-benar terinstall di dalam komputer, maka teman-teman bisa coba jalankan perintah berikut ini di dalam terminal/CMD.
composer
Langkah 2 - Membuat Project Laravel
Setelah Composer ebrhasil terinstall, langkah selanjutnya adalah membuat project Laravel baru. Untuk menggunakan Livewire 3, kita wajib menggunakan Laravel paling rendah adalah versi 10.
Sekarang, silahkan teman-teman masuk ke dalam folder dimana akan menyimpan project-nya, jika menggunakan XAMPP biasanya berada di dalam folder htdocs
.
Setelah itu, silahkan jalankan perintah berikut ini di dalam terminal/CMD.
composer create-project --prefer-dist laravel/laravel:10.2.6 livewire3
Di atas, kita membuat sebuah project Laravel dengan nama livewire3
dan silahkan teman-teman tunggu proses installasinya sampai selesai.
Langkah 3 - Menjalankan Project Laravel
Setelah proses installasi project selesai, maka sekarang kita akan belajar menjalankan project Laravel-nya.
Silahkan jalankan perintah berikut ini di dalam terminal/CMD.
cd livewire3
Perintah di atas, digunakan untuk masuk ke dalam folder project kita, kemudian kita lanjutkan dengan menjalankan perintah ini di dalam terminal/CMD.
php artisan serve
Jika berhasil, maka project kita akan dijalankan di dalam localhost menggunakan port 8000
. Teman-teman bisa membukanya di dalam browser dengan mengetikkan http://localhost:8000.
Langkah 4 - Menjalankan Storage Link
Karena nanti akan ada fitur upload gambar, maka kita perlu menjalankan perintah storage link. jadi silahkan teman-teman jalankan perintah berikut ini di dalam terminal/CMD dan pastikan sudah berada di dalam project Laravel-nya.
php artisan storage:link
kesimpulan
Pada artikel ini kita semua telah belajar mengenal apa itu Laravel Livewire, melakukan installasi Composer dan belajar membuat dan menjalankan project Laravel baru menggunakan Composer.
Pada artikel selanjutnya, kita semua akan belajar bagaimana cara membuat sebuah Model dan juga Migration di dalam Laravel.
Terima Kasih