Laravel 12 Bootstrap Auth Scaffolding Tutorial
In this article, I will show how to install Bootstrap auth scaffolding in a Laravel 12 application.
Laravel provides a UI package for the easy setup of auth scaffolding. Laravel UI offers simple authentication features, including login, registration, password reset, email verification, and password confirmation, using Bootstrap, React, and Vue.
In this tutorial, I will provide you with simple steps on how to install Bootstrap 5 and how to create auth scaffolding using Bootstrap 5 in Laravel 12.
So, let's follow the steps below:
Install Laravel 12
This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:
laravel new example-app
Install Laravel UI
Let's run the below command to install the Laravel UI package:
composer require laravel/ui
Next, you have to install the Laravel UI package command for creating auth scaffolding using Bootstrap 5. So let's run the below command:
php artisan ui bootstrap
OR
php artisan ui bootstrap --auth
Now, let's run the below command to install npm:
It will generate CSS and JS min files.
Next, run the migration command:
php artisan migrate
Run Laravel App:
All the required steps have been done, now you have to type the given below command and hit enter to run the Laravel app:
php artisan serve
Now, Go to your web browser, type the given URL and view the app output:
http://localhost:8000/
now you can see layout bellow as here:
Home Page:
Login Page:
Register Page:
Dashboard Page:
You can use Bootstrap 5 in your blade file as shown below:
<!doctype html>
<html>
<head>
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
</head>
<body>
<h1>This is example from ItSolutionStuff.com</h1>
</body>
</html>
I hope it can help you...
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of ItSolutionstuff.com. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- Laravel 12 Form Validation Tutorial Example
- Laravel 12 Import Export Excel and CSV File Example
- Laravel 12 File Upload Tutorial Example
- Laravel 12 REST API Authentication using Sanctum Tutorial
- Laravel 12 Generate PDF File using DomPDF Example
- Laravel 12 Image Upload Example Tutorial
- Laravel 12 CRUD Application Example Tutorial
- Laravel 12 NEW Starter Kits
- Laravel 12 Installation & New Features Overview