Admin panel + breeze + spatie permission - Laravel 11

En este articulo aprenderas a crear un panel administrativo haciendo uso de Laravel 11 + Laravel breeze + Spatie permission, negando el acceso a usuarios que no sean administradores del sitio.

1 - Creamos un proyecto nuevo e instalamos laravel breeze

Laravel new admin

2 - Instalar Spatie PermiSSion

 composer require spatie/laravel-permission

3 - Agregamos la siguiente línea en bootstrap/providers.php file:

'providers' => [
    // ...
    Spatie\Permission\PermissionServiceProvider::class,
];

4 - Publicamos la migración y el archivo de configuración config/permission.php

php artisan vendor:publish --provider="Spatie\Permission\PermissionServiceProvider"

5 - Ejecutamos las migraciones

Php artisan migrate

6 - creamos los roles

use Spatie\Permission\Traits\HasRoles;

 use HasRoles;

7 -  Agregamos los middlewares en la carpeta Bootstrap/app.php

  $middleware->alias([
            'role' => \Spatie\Permission\Middleware\RoleMiddleware::class,
            'permission' => \Spatie\Permission\Middleware\PermissionMiddleware::class,
            'role_or_permission' => \Spatie\Permission\Middleware\RoleOrPermissionMiddleware::class
        ]);

8 - Nos vamos a las rutas web y agregamos la siguiente línea

use Spatie\Permission\Models\Role;
 $role = Role::create(['name' => 'admin']);
 $role = Role::create(['name' => 'cliente']);

9 - Creamos los roles admin y cliente

10 - creamos un middleware

 php artisan make:middleware administrador

use Illuminate\Support\Facades\Auth;

public function handle(Request $request, Closure $next): Response
    {
        if(auth()->check()  && Auth::user()->hasRole('admin')){
            return $next($request);
     }
    return redirect('/');
    }

11 - Agregamos la siguiente línea en el archivo bootstrap/app

 ->withMiddleware(function (Middleware $middleware) {
        $middleware->alias([
            'admin' => \App\Http\Middleware\administrador::class,
        ]);
    })

12 - añadimos el middleware a las rutas web

use App\Http\Middleware\administrador;
use App\Http\Controllers\admin\DashBoardController;

Route::middleware([administrador::class])->group(function () {
    Route::get('/dashboard', [DashBoardController::class, 'index'])->name('dashboard');
    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');
});

php artisan make:controller admin\DashBoardController

public function index(){

        return view('dashboard');

    }

14 - creamos el usuario con el role "admin"

 ])->assignRole('cliente');

        <form method="POST" action="{{ route('logout') }}">

                                @csrf

                                <a href="route('logout')" onclick="event.preventDefault();
                                                this.closest('form').submit();" class="text-black  ring-transparent text-white">
                                    {{ __('Log Out') }}
                                </a>
                            </form>