Membuat Halaman Autentikasi Laravel 

# Pendahuluan

Sebagai langkah awal dalam mengembangkan aplikasi, laravel telah menyediakan fungsi untuk membuat autentikasi dengan mudah. Fungsi ini akan secara otomatis membuat routes, controllers, dan views yang dibutuhkan untuk membuat halaman registrasi dan login. Namun jika kita tidak ingin menggunakan fungsi ini, kita tetap dapat membuat secara manual.

# Laravel Breeze

Laravel Breeze merupakan tools yang dapat digunakan untuk membuat halaman autentikasi pada framework laravel. Dengan menggunakan Laravel Breeze kita dapat dengan mudah membuat fitur login, registrasi, reset password, verifikasi email, dan konfirmasi password. Secara bawaan tampilan Laravel Breeze menggunakan Blade Templates dan Tainwind CSS. 

Laravel Breeze merupakan salah satu opsi yang dapat digunakan pada saat mengembangkan aplikasi baru dengan Framework Laravel dan Blade Templates  

# Installation

Untuk memulai membuat autentikasi laravel dengan menggunakan Laravel Breeze, pertama kali yang harus dilakukan yaitu kita harus menginstall laravel baru terlebih dahulu. Contoh menginstall laravel menggunakan dengan mengunakan composer.

composer create-project laravel/laravel example-app

cd example-app

php artisan serve

Setelah proses instalasi selesai, selanjutkan lakukan konfigurasi database. Selanjutnya kita dapat menginstall Laravel Breeze dengan menggunakan composer. 

composer require laravel/breeze --dev

Setelah paket Laravel Breeze selesai di download kedalam folder laravel, selanjutnya kita dapat menginstall Laravel Breeze dengan menggunakan perintah breeze:install pada php artisan dan npm install. Perintah tersebut akan membuat dan menerbitkan file views, routes, controllers dan file lainnya yang diperlukan untuk membuat fitur autentikasi. 

php artisan breeze:install
 
npm install
npm run dev
php artisan migrate

Kita juga dapat memodifikasi seluruh kode pada file autentikasi untuk mengubah tampilan atau menambahkan fitur lainnya. Selanjutnya kita dapat mengakses halaman autentikasi dengan alamat /login atau /register pada web browser.

# Breeze & React / Vue

Laravel Breeze juga dapat diintegrasikan dengan react.js atau vue.js melalui Inertia.js untuk diimplementasikan sebagai frontend aplikasi. Inertia.js dapat digunakan untuk membangun single page aplikasi melalui react.js ataupun vue.js menggunakan server-side routing dan controllers. Dengan menggunakan Inertia kita dapat membuat aplikasi single-page dengan memanfaatkan kelebihan dari react.js ataupun vue.js disisi frontend dan laravel disisi backend. Untuk memulai membuat aplikasi single-page dengan laravel kita dapat memilih salah satu dari react.js atau vue.js sebagai frontend.

Jika menggunakan react.js

php artisan breeze:install react

Jika menggunakan Vue.js

php artisan breeze:install vue

selanjutnya jalankan npm install dan npm run dev untuk memulai aplikasi.

npm install

npm run dev

php artisan migrate

Kita juga dapat menambahkan plugin Inertia SSR dengan menambahkan opsi --ssr pada saat melakukan instalasi react.js atau vue.js

php artisan breeze:install react --ssr

php artisan breeze:install vue --ssr