Implementing Authentication in Laravel 8/9 using Tailwind 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 Tailwind.
Laravel offers authentication and application starter kits. These kits scaffold your app with the routes, controllers, and views you'll need to register and authenticate your users.
Laravel Jetstream is a beautifully designed Laravel application starter kit that provides the implementation for user's Login, registration, email verification, two-factor authentication, session management, API via Laravel Sanctum, and optional team management features.
Installation of Jetstream should only be done into a new Laravel applications. If you try to install Jetstream into an existing Laravel application, you'll get unexpected results and problems.
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:
- Install jetstream 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:
composer require laravel/ui
composer require laravel/jetstream
php artisan jetstream:install livewire
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.