Tutorial Laravel Livewire - #3 - Installasi Laravel Breeze & Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan melakukan installasi laravel breeze dan livewire sebagai starter-kit kita.

Rafi Taufiqurrahman
Dipublish 09/07/2024

Pendahuluan

Pada project kali ini kita akan menggunakan Laravel Breeze sebagai starter-kit base project kita. apa sih Laravel Breeze itu ?

Laravel Breeze adalah implementasi minimalis dan sederhana dari semua fitur authentikasi Laravel, termasuk login, registrasi, reset kata sandi, verifikasi email, dan konfirmasi kata sandi. Selain itu, Breeze juga menyertakan halaman profile sederhana di mana pengguna dapat memperbarui nama, alamat email, dan kata sandi mereka.

Tampilan default Laravel Breeze terdiri dari template Blade, Vue, React dan Inertia yang dibuat dengan Tailwind CSS.

Setelah mengetahui secara singkat apa itu Laravel Breeze disini kita akan lanjutkan untuk melakukan proses installasi Laravel Breeze pada project kita.

Installasi Laravel Breeze

Silahkan teman - teman buka terminal-nya, kemudian silahkan jalankan perintah seperti berikut ini, dan pastikan terminal sudah mengarah ke project livewire-mini-pos.

Terminal
composer require laravel/breeze:2.1.0 --dev

Publish Authentication

Setelah berhasil melakukan installasi laravel breeze, kita lanjutkan dengan melakukan publish authentikasi dari laravel breeze itu sendiri, silahkan teman-teman buka terminal kemudian jalankan perintah berikut ini :

Terminal
php artisan breeze:install

Dari perintah di atas, akan ada beberapa pertanyaan yang harus teman-teman pilih, silahkan teman-teman pilih seperti contoh dibawah ini :

Terminal
 ┌ Which Breeze stack would you like to install? ───────────────┐
 │ Livewire (Volt Class API) with Alpine                        │
 └──────────────────────────────────────────────────────────────┘

 ┌ Would you like dark mode support? ───────────────────────────┐
 │ No                                                           │
 └──────────────────────────────────────────────────────────────┘

 ┌ Which testing framework do you prefer? ──────────────────────┐
 │ PHPUnit                                                      │
 └──────────────────────────────────────────────────────────────┘

Setelah proses installasi selesai, silahkan teman-teman jalankan perintah berikut ini, dan pastikan perintah ini selalu dijalankan saat proses development.

Terminal
npm run dev

Penutup

Setelah berhasil melakukan installasi laravel breeze & tailwind, pada artikel berikutnya kita akan lanjutkan untuk membuat sebuah schema database yang nantinya akan kita gunakan pada study case kita kali ini.

Artikel Lainnya

Beberapa artikel rekomendasi lainnya untuk menambah pengetahuan.

JurnalKoding

Mulai asah skill dengan berbagai macam teknologi - teknologi terbaru seperti Laravel, React, Vue, Inertia, Tailwind CSS, dan masih banyak lagi.

© 2024 JurnalKoding, Inc. All rights reserved.