Comment installer le scaffolding d’authentification avec Bootstrap dans une application Laravel.
Laravel propose un package UI pour configurer facilement le scaffolding d’authentification. Laravel UI offre des fonctionnalités d’authentification simples, notamment la connexion, l’inscription, la réinitialisation de mot de passe, la vérification par email et la confirmation de mot de passe, en utilisant Bootstrap, React et Vue.
Installer Laravel UI
Exécutez la commande suivante pour installer le package Laravel UI :
composer require laravel/uiEnsuite, exécutez la commande pour créer le scaffolding d’authentification avec Bootstrap 5 :
php artisan ui bootstrap
OR
php artisan ui bootstrap --authExécutez la commande suivante pour installer npm :
npm install && npm run devCela générera les fichiers CSS et JS minifiés.
Exécuter les migrations
php artisan migrateToutes les étapes nécessaires sont terminées. Maintenant, exécutez la commande suivante pour lancer l’application Laravel :
php artisan serve
Ouvrez votre navigateur et accédez à l’URL suivante pour voir le résultat :
http://localhost:8000/Une fois que vous accédez à cette URL, vous verrez les différentes pages générées par le scaffolding :
Page d’accueil : Présentation de l’application avec Bootstrap.
Page de connexion : Interface pour entrer les identifiants d’utilisateur.
Page d’inscription : Formulaire pour créer un compte.
Page du tableau de bord : Accessible après la connexion.
Utilisation de Bootstrap dans un fichier Blade
Vous pouvez utiliser Bootstrap dans vos fichiers Blade comme suit :
<!doctype html>
<html>
<head>
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
</head>
<body>
<h1>This is example from nataswim.com</h1>
</body>
</html>Avec ces étapes, vous avez configuré l’authentification Bootstrap dans Laravel.
Vous pouvez désormais personnaliser davantage les pages pour répondre à vos besoins.
