Laravel Livewire Tailwindcss Alpinejs

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
Series Tutorial Laravel Livewire - #3 - Installasi Laravel Breeze & Livewire

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.

Series Artikel

Berikut ini daftar series artikel dari Tutorial Point of Sales Laravel, Livewire, Alpine.js & Tailwind Css

1
Tutorial Laravel Livewire - #1 - Project Overview

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan bahasa teknologi apa saja yang kita gunakan dan scope dari project yang akan kita bangun.
2
Tutorial Laravel Livewire - #2 - Installasi Project Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan mulai melakukan installasi project laravel kita dari awal menggunakan composer.
3
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.
4
Tutorial Laravel Livewire - #4 - Membuat Schema Database Dengan Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah schema database yang nantinya akan kita gunakan pada study case kali ini dan kita akan memanfaatkan model dan migration dari laravel.
5
Tutorial Laravel Livewire - #5 - Membuat Relasi Antar Table Dengan Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat relasi antar tabel menggunakan eloquent relationship yang telah disedikan oleh laravel.
6
Tutorial Laravel Livewire - #6 - Memanfaatkan Salah Satu Magic Laravel Yaitu Eloquent Accessor

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan mengenal salah satu magic laravel yang sangat powerfull yaitu laravel accessor.
7
Tutorial Laravel Livewire - #7 - Membuat Reusable Component Dengan Laravel

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita membuat sebuah reusable component menggunakan laravel.
8
Tutorial Laravel Livewire - #8 - Membuat Module Category Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module category dengan livewire.
9
Tutorial Laravel Livewire - #9 - Membuat Module Product Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module product dengan livewire.
10
Tutorial Laravel Livewire - #10 - Membuat Module POS Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module pos dengan livewire.
11
Tutorial Laravel Livewire - #11 - Membuat Module Dashboard Dengan Livewire

Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module dashboard dengan livewire.

Rafi Taufiqurrahman

Once you stop learning, you start dying

Follow me on

Series Lainnya

Beberapa series rekomendasi lainnya untuk menambah pengetahuan.

1
Tutorial Laravel Inertia Roles & Permissions
Pada seri ini, kita akan sama-sama belajar mengimplementasikan sebuah roles & permisisons pada project laravel inertia. disini kita akan menggunakan sebuah package yang sangat populer yaitu laravel permissions dari laravel spatie, selain itu kita juga akan menggunakan laravel breeze sebagai authentikasi kita.
2
Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing
Pada seri ini, kita akan belajar membuat sebuah restfull api untuk authentikasi menggunakan laravel sanctum dan juga disini kita akan belajar menuliskan sebuah unit testing menggunakan phpunit.

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.