Implementing Authentication in Laravel 8/9 using Bootstrap UI
Implementing authentication in Laravel is very easy and simple. Almost everything is already configured for use. The authentication file is located at config/auth.php. This file contains various well documented options for customizing the functionality of the authentication services.
In this tutorial, we will show you how to build a Laravel application from scratch and implement built-in authentication for user registration and login with a beautiful modern UI powered by Bootstrap.
Follow the steps below to complete this tutorial:
Create a Laravel Project
Create a Laravel application using Composer. If you do not have Composer already installed, see how to install it here.
Use composer create-project --prefer-dist laravel/laravel command followed by your project name to create a Laravel application:
composer create-project --prefer-dist laravel/laravel sample-app
Set up Built-in Authentication
To implement authentication in Laravel, do the following:
- Navigate to the newly created project:
- Next, install laravel/ui using Composer:
- Set up the built-in authentication using Bootstrap UI using the following commands:
- Install dependencies:
- Update MySQL Database connection settings in the .env file as shown in the example below:
- To migrate user authentication tables into the database using the following command:
cd sample-app
composer require laravel/ui
php artisan ui bootstrap --auth
npm install
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=test_db
DB_USERNAME=root
DB_PASSWORD=Testing123$
php artisan migrate
Run the Application
To view quick changes on your UI, use the following command on a separate terminal from inside your project root folder:
npm run watch
Next, run the following command to start your application from inside your project root folder:
php artisan serve --port 8000
Now, open http://localhost:8000 on your browser. You should see a page like the following:
You can now modify the login and registration page as per your need.
