Laravel 10 Authentication with Laravel UI Tutorial

Share this Article
Reading Time: 5 minutes

Inside this article we will see the concept How To Use Laravel 10 To Get Files Information From Directory Tutorial. Article contains classified information about Step-by-Step Guide to learn about authentication system with Laravel UI in Laravel 10.

Laravel UI is a Laravel package that simplifies scaffolding for front-end frameworks such as Bootstrap, Vue, and React. It is built to integrate with Laravel apps and includes pre-made authentication views and routes.

If you are looking for an article which gives you the Complete tutorial on Laravel 10 authentication with Laravel UI then this article will help you a lot.

Laravel ui generates it’s own scaffolding files for authentication pages – Login, Register, etc.

Read More: Use Laravel 10 To Get Files Information From Directory

Let’s get started.

Laravel Installation

Open terminal and run this command to create a laravel project.

$ composer create-project laravel/laravel myblog

It will create a project folder with name myblog inside your local system.

To start the development server of laravel –

$ php artisan serve


Assuming laravel already installed inside your system.

Create Database & Connect

To create a database, either we can create via Manual tool of PhpMyadmin or by means of a mysql command.

CREATE DATABASE laravel_app;

To connect database with application, Open .env file from application root. Search for DB_ and update your details.


Read More: How To Clear Complete Application Caches in Laravel 10

Laravel UI Installation

We are using here Laravel UI to create application authentication section like login, registration, etc.

Steps To Install Laravel UI

Open Laravel project to terminal and type the given command.

$ composer require laravel/ui


We can generate Login, Registration, etc scaffolding from different different front-end technologies in laravel.

Generate Basic Scaffolding & with Authentication Using Bootstrap

$ php artisan ui bootstrap

$ php artisan ui bootstrap --auth

Generate Basic Scaffolding & with Authentication Using Vue

$ php artisan ui vue

$ php artisan ui vue --auth

Read More: How To Create and Download Zip File in Laravel 10 Tutorial

Generate Basic Scaffolding & with Authentication Using React

$ php artisan ui react

$ php artisan ui react --auth


Successfully, you have installed a scaffolding setup to your laravel application. Next, you need to install NPM dependencies.

Install NPM dependencies

Run this following command to install node dependency and compile CSS and js files:

$ npm install && npm run dev

Run Migration

Next, we need to run migration command to generate tables in database. Open terminal and run this artisan command.

It will run all pending migrations of your application.

$ php artisan migrate

Application Testing

Open project to terminal and type the command to start development server

$ php artisan serve


We will get Login and Register Link at landing page.

Read More: How To Query To Get Single Row Data in Laravel 10 Tutorial

When you click on Log in link, you will see this login page.


You need to provide email address and password for login to dashboard.


To register a new user, you need to provide name, email address, password, confirm password.

Reset Password

When you forgot your password, click on the link given at Log in page.

User Dashboard

Once user will login into application, redirected to dashboard page.

We hope this article helped you to learn Laravel 10 Authentication with Laravel UI Tutorial in a very detailed way.

Buy Me a Coffee

Online Web Tutor invites you to try Skillshike! Learn CakePHP, Laravel, CodeIgniter, Node Js, MySQL, Authentication, RESTful Web Services, etc into a depth level. Master the Coding Skills to Become an Expert in PHP Web Development. So, Search your favourite course and enroll now.

If you liked this article, then please subscribe to our YouTube Channel for PHP & it’s framework, WordPress, Node Js video tutorials. You can also find us on Twitter and Facebook.