Laravel Auth Scaffolding

Assalamu alaikum Wr. Wb

Salam Pinter Bareng Komputer, ...zero bit...

Laravel UI menyediakan fitur otentikasi sederhana termasuk login, registrasi, reset password, verifikasi email, dan konfirmasi password menggunakan bootstrap, react, dan vue. Fitur tersebut dinamakan Laravel UI.

Di dalam artikel ini kita akan belajar menggunakan Laravel UI berbasis Bootstrap 5. Untuk menggunakan Laravel UI Bootstrap langkah - langkah sebagai berikut :

1. Buka projek Laravel menggunakan VSCode.
2. Buka jendela terminal kemudian ketikkan perintah berikut ini :

 composer require laravel/ui  

Keterangan:
Perintah ini akan menambahkan library UI ke dalam perintah artisan miliknya Laravel 10.
3. Setelah proses instalasi UI selesai, lanjutkan dengan mengetikkan perintah :

 php artisan ui bootstrap --auth  

Keterangan:
Perintah di atas akan menambahkan ke dalam projek Laravel banyak hal meliputi View dan Controller yang khusus untuk menangani proses Login, Register, reset password, verifikasi email, serta konfirmasi password.
4. Selanjutnya ketikkan perintah berikut ini untuk menyatukan semua script:
5. Setelah proses instalasi sukses maka dapat dicek saat projek kita jalankan di browser maka akan muncul menu login serta register otomatis di dashboard awal aplikasi.

   

   tampilan dashboard hasil Laravel Auth Scaffolding

6. Apabila menu Log In dan Register kita klik maka akan dimunculkan halaman Login dan Register yang siap digunakan. Untuk mencoba boleh diawali dengan proses register terlebih dahulu baru gunakan hasil register tadi untuk login.

   

   Halaman Login hasil Scaffolding

   

   Halaman Register hasil Scaffolding
   



Halaman Reset Password hasil Scaffolding


7. Jika kita coba melakukan registrasi user baru maka setelah proses registrasi sukses maka kita akan langsung dibawa ke halaman dashboard admin aplikasi yang tampilannya seperti di bawah ini:

   

   halaman dashboard admin aplikasi

8. Langkah selanjutnya dengan pengetahuan kita mengenai CSS, Bootstrap 5 maka kita akan dapat memperbaiki tampilan halaman - halaman tersebut sesuai keinginan kita masing - masing. Namun yang utama di sini, kita diberikan bantuan untuk membuat halaman - hamalan tersebut dan hebatnya halaman - halaman tersebut langsung berfungsi dan dapat digunakan untuk proses.

Semoga artikel ini bermanfaat.