Membuat Fitur login, Register dan Admin Panel Laravel dengan Breeze

Laravel Breeze adalah starter kit untuk fitur autentikasi pada Laravel. Starter kit ini akan menangani pembuatan kerangka (scaffolding) seluruh sistem autentikasi Anda.

Berikut adalah beberapa langkah yang perlu dilakukan untuk mengatur autentikasi pada panel admin Laravel kita:

Install Laravel Breeze
Running Migration

Install Laravel Breeze
Pertama, kita perlu menginstal Laravel Breeze menggunakan Composer.

composer require laravel/breeze --dev

Setelah paket Laravel Breeze terinstal, kita perlu menjalankan perintah Artisan breeze:install. Perintah ini akan menerbitkan tampilan autentikasi, rute, pengontrol, dan sumber daya lainnya ke aplikasi kita.

php artisan breeze:install

Ketik 0 kemudian ENTER

Jika sudah selesai akan terlihat seperti ini di terminal:

Dan jika kita buka http://127.0.0.1:8000/ maka tampilannya seperti:

Sudah terdapat menu Log In dan Register

Dan berikut perbuhan yang terjadi di project laravel ketika install breeze

 modified:   app/Providers/RouteServiceProvider.php      
        modified:   composer.json
        modified:   composer.lock
        modified:   package.json
        modified:   resources/css/app.css
        modified:   resources/js/app.js
        modified:   resources/views/welcome.blade.php
        modified:   routes/web.php
        modified:   vite.config.js

Untracked files:
  (use "git add <file>..." to include in what will be committed)
        app/Http/Controllers/Auth/
        app/Http/Controllers/ProfileController.php
        app/Http/Requests/
        app/View/
        package-lock.json
        postcss.config.js
        resources/views/auth/
        resources/views/components/
        resources/views/dashboard.blade.php
        resources/views/layouts/
        resources/views/profile/
        routes/auth.php
        tailwind.config.js
        tests/Feature/Auth/
        tests/Feature/ProfileTest.php

Lumayan banyak perubahan ada 61 file.

2. Running Migration
Sebelum menjalankan migrasi buat dabase mysql dan setting database pada file .env setelah itu Jalankan migrasi database dengan menggunakan perintah artisan migrate.

php artisan migrate

Setelah migrasi tabel user dan tabel lainnya dibuat di Database secara otomatis.

Sekarang navigasikan ke URL /login atau /register aplikasi di browser web Anda.

Pengguna akan diarahkan ke dasbor setelah registrasi atau login berhasil.

Kita telah berhasil menambahkan autentikasi ke aplikasi. Sekarang, kita akan melihat struktur file Laravel Breeze dan belajar bagaimana cara kerja fitur autentikasi Laravel.

Kontroler
Semua kontroler terletak di dalam folder Auth app/Http/Controllers/Auth

AuthenticatedSessionController.php
ConfirmablePasswordController.php
EmailVerificationNotificationController.php
EmailVerificationPromptController.php
NewPasswordController.php
PasswordResetLinkController.php
RegisteredUserController.php
VerifyEmailController.php

Rute
Rute /login, /register, dan semua rute autentikasi didefinisikan di routes/auth.php. Rute dasbor tersedia di routes/web.php.

Route::get('/', function () {
    return view('welcome');
});

Route::get('/dashboard', function () {
    return view('dashboard');
})->middleware(['auth', 'verified'])->name('dashboard');

Route::middleware('auth')->group(function () {
    Route::get('/profile', [ProfileController::class, 'edit'])->name('profile.edit');
    Route::patch('/profile', [ProfileController::class, 'update'])->name('profile.update');
    Route::delete('/profile', [ProfileController::class, 'destroy'])->name('profile.destroy');
});

require __DIR__.'/auth.php';

Middleware ->middleware(‘auth’) menyediakan mekanisme yang nyaman untuk memeriksa dan menyaring permintaan HTTP yang masuk ke aplikasi Anda.

Tampilan autentikasi terletak di dalam folder resources/views/auth. Tampilan dashbor adalah resources/views/dashboard.blade.php.

View Login