Basic Auth Laravel 8 Menggunakan Laravel Jetstream

Halo semuanya, bagaimana harimu hari ini? Bingung terus kamu sedang mencari bagaimana autentikasi di Laravel 8 dengan Jetstream dan bagaimana cara installasi nya? Yu ikutin tutorial ini dari awal sampai akhir nya agar kamu bisa mempelajari cara membuat autentikasi di Laravel 8.

Seperti yang kita ketahui autentikasi di Laravel 8 sedikit berbeda dengan di versi Laravel sebelum nya, sebelum nya di Laravel versi 6 dan versi 7 autentikasi yang digunakan adalah menggunakan laravel/ui (https://github.com/laravel/ui). Dan di versi di bawah nya atau Laravel versi 5.9 kebawah itu menggunakan command php artisan make:auth.

Pada Laravel 8, ada perubahan besar di area itu dalam arti bahwa banyak hal diperkenalkan dan banyak konfigurasi telah dilakukan untuk membantu kamu agar lebih mudah dan praktis, salah satu perubahan itu adalah pengenalan Jetstream, Laravel Jetstream adalah perancah aplikasi yang dirancang dengan indah untuk Laravel. Pergeseran besar dari autentikasi UI lama Laravel.

Apa itu Laravel Jetstream?

Seperti yang di jelaskan pada website resmi nya, Laravel Jetstream adalah kit starter aplikasi yang dirancang dengan indah untuk Laravel dan memberikan titik awal yang sempurna untuk aplikasi Laravel kamu berikutnya. Laravel Jetstream menyediakan implementasi untuk login pada aplikasi kamu, pendaftaran, verifikasi email, autentikasi dua faktor, manajemen sesi, API dengan Laravel Sanctum (https://github.com/laravel/sanctum), dan fitur manajemen tim opsional.

Jetstream dirancang menggunakan Tailwind CSS (https://tailwindcss.com/) dan menawarkan pilihan perancah Livewire (https://jetstream.laravel.com/2.x/stacks/livewire.html) atau Inersia (https://jetstream.laravel.com/2.x/stacks/inertia.html).

Kita langsung coba untuk membuat nya, silahkan ikuti Langkah-langkah dibawah ini dengan teliti ya.

Installasi Laravel dan Install Laravel Jetstream

Pertama buat proyek Laravel baru. (Silahkan baca terlebih dahulu postingan tentang Cara Menginstall Laravel 8 Dengan Beberapa Metode).

laravel new laravel8-cobaryu

kemudian pindah ke direktori proyek Laravel baru nya.

cd laravel8-cobaryu

lalu install Laravel Jetstream dengan cara

composer require laravel/Jetstream
install livewire atau inertia
php artisan jetstream:install livewire

atau kamu bisa dengan mudah install Laravel Jetstream langsung ketika membuat proyek baru Laravel nya dengan 1 perintah

laravel new laravel8-cobaryu --jet

Setup Laravel Jetstream

Kamu pilih ingin menggunakan Livewire atau Inertia dengan mengetik angka 0 atau 1

Lalu pilih juga apakah aplikasi yang akan kamu buat akan menggunakan fitur team?

Tunggu hingga proses installasi selesai.

Seperti yang disarankan, jalankan npm install && npm run dev untuk membangun semua file JavaScript dan CSS yang kita butuhkan untuk aplikasi kita. Jika build yang berhasil, Laravel akan mengirimkan notifikasi.

Membuat Database

Setelah kita membuat proyek Laravel kemudian kita harus melakukan setup pada koneksi database nya dengan cara mengubah di file .env yang ada pada folder root proyek Laravel nya.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel8_cobaryu
DB_USERNAME=root
DB_PASSWORD=

Ganti sesuai dengan settingan database yang kamu punya.

Kemudian jalankan perintah migrasi.

php artisan migrate

Jalankan Aplikasi Laravel

Terakhir kita coba jalankan aplikasi nya

php artisan serve

Buka browser dan masuk ke link http://127.0.0.1:8000

Di pojok kanan atas ada link untuk melakukan registrasi dan login mari kita coba.

Halaman Registrasi

Halaman Login

Halaman Dashboard

Akhirnya selesai juga memasang autentikasi di Laravel 8 menggunakan Laravel Jetstream, bagaimana mudah bukan?

Jika kamu bingung bisa langsung tanyakan di kolom komentar saja ya, dan jika kamu ingin mendownload proyek yang dibuat pada tutorial ini bisa kalian dapatkan di Github saya.