In this laravel tutorial , you will learn how to set up Bootstrap Auth Scaffolding in Laravel 12 using the official Laravel UI package. This method is well-suited for developers who choose Bootstrap over Tailwind, Jetstream, or Breeze.
What is Laravel UI?
Laravel UI provides basic authentication scaffolding for the Laravel frontend. It offers basic login and registration functionality using your choice of frontend (Bootstrap, Vue, or React). While Laravel Breeze and Jetstream are more modern, Laravel UI is great for those who want lightweight and Bootstrap-based auth scaffolding.
Steps For Laravel 12 Bootstrap Auth Scaffolding Tutorial Step by Step
- Step 1: Install Laravel 12 Project
- Step 2: Install Laravel UI Package
- Step 3: Run Migrations
- Step 4: Test Authentication Flow
Step 1: Install Laravel 12 Project
First, create a new Laravel project using Composer, you can skip this step if you have already installed Laravel 12 project, run the following command given below:
composer create-project laravel/laravel laravel-bootstrap-auth
move into your project folder:
cd laravel-bootstrap-auth
Step 2: Install Laravel UI Package
Laravel has removed the default Bootstrap authentication scaffolding, so we need to set it up manually. Run the given command below to install laravel ui package.
composer require laravel/ui
Now that the Laravel UI package has been successfully installed, you can generate the Bootstrap UI along with authentication scaffolding by running the following Artisan command:
php artisan ui bootstrap --auth
This will create: Authentication routes (login, register, password reset), Auth controllers, Blade views using Bootstrap, Layout file for frontend.
To load Bootstrap and related frontend resources, run:
npm install
npm run dev
This will compile all the necessary JS and CSS files using Laravel Mix.
Step 3: Run Migrations
Now set up the database in .env file, then run:
php artisan migrate
This will create the default users table and other auth-related tables.
Step 4: Test Authentication Flow
Start the development server:
php artisan serve
Visit the following URLs in your browser:
http://127.0.0.1:8000/register – This url for user registration
http://127.0.0.1:8000/login – This url for user login
http://127.0.0.1:8000/home – This url for default dashboard after login
You now have a fully working Bootstrap-based authentication system.
Conclusion:
In this tutorial, you learned how to:
- Install Laravel UI
- Generate Bootstrap-based auth scaffolding
- Compile frontend assets
- Set up and test a working Laravel authentication system
This is a quick and effective way to start a Laravel project with Bootstrap styling and user auth already built in.
I hope you found this information helpful.