Tanggal :28 Oktober 2020
Menginstall Laravel Livewire 2

Belajar Laravel Livewire 2 : Menginstall Livewire

Artikel ini bagian ke 2 dari 3 seri dalam artikel berseri "Belajar Laravel Livewire 2"

Assalamualaikum Warohmatulloh Wabarokatuh, sebelumnya kita sudah pelajari perubahan yang ada di Laravel Livewire 2. Sekarang kita akan lanjutkan untuk belajar basic dari Laravel Livewire. Kita mulai dengan Menginstall Livewire.

Laravel Jetstream

Sejak Laravel 8 datang sebuah package baru dari Laravel yang bernama Jetstream. Package ini menyediakan scaffolding untuk aplikasi yang kita buat dengan Laravel.

Dengan Laravel Jetstream kita bisa secara langsung menginstall Laravel Livewire beserta fitur seperti register, login, foto profil, browser session, api token, dll.

Menggunakan Laravel Jetstream kita tidak perlu melakukan konfigurasi apapun lagi, karena semua sudah dikonfigurasi oleh Laravel Jetstream. Tugas kita tinggal kita buat komponen Livewirenya.

Instalasi Manual

Sebagian orang tidak terlalu suka dengan Laravel Jetstream, mungkin kawan salah satunya. Tentu kita tetap bisa menggunakan Laravel Livewire seperti sebelumnya.

Kita bisa menginstall Laravel Livewire ke dalam proyek Laravel yang kita miliki dengan perintah ini:

composer require livewire/livewire

Secara otomatis perintah tersebut akan menginstal versi terbaru dari Livewire.

Setelahnya kita perlu untuk menyisipkan aset Livewire ke dalam template utama aplikasi kita.

<html>
<head>
    ...
    @livewireStyles
</head>
<body>
    ...
    @livewireScripts
</body>
</html>

Kita bisa juga gunakan sintaks alternatif yang bekerja di Laravel 7 keatas.

<livewire:styles />
...
<livewire:scripts />

Selesai ! kita sudah bisa menggunakan Livewire sekarang.

Menerbitkan File Konfigurasi

Livewire sebenarnya datang dengan “zero configuration” secara out of the box. Tapi bagi sebagian orang mungkin butuh untuk pilihan konfigurasi.

Saya pribadi hampir tidak pernah melakukan hal ini, dan saya sangat sarankan untuk yang baru memulai untuk tidak menjalankan perintah ini. Karena seringkali akhirnya malah bermasalah dan Livewire tidak bisa berjalan.

Untuk menerbitkan file konfigurasi Livewire kita bisa gunakan perintah ini.

php artisan livewire:publish

Menerbitkan Aset Frontend

Jika kita ingin aset JavaScript tersaji melalui web server tanpa melalui Laravel, kita bisa gunakan perintah livewire:publish.

php artisan livewire:publish --assets

Sip, seperti itu aja cara menginstall Laravel Livewire dalam proyek Laravel kita lanjutkan untuk belajar tentang komponen Livewire.

Wassalamualaikum Warohmatulloh Wabarokatuh.

Halo semuanya, saya Amirul seoarang Web Developer, suka membuat konten pembelajaran berupa artikel, video tutorial maupun podcast, saya juga suka makan dan foto makanan.

One Ping

  1. Pingback: Belajar Laravel Livewire : Komponen Livewire - Kawan Koding

One Comment

  1. ilham Reply

    mas mau tanya kenapa livewire (wire:click) saat dijalankan localhost/nama_project/public malah ga respon, tetapi di 127.0.0.1:8000 bisa, kenapa ya?

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *