Table of Contents
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.
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.
DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=laravel_app DB_USERNAME=root DB_PASSWORD=root
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
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
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.
When you forgot your password, click on the link given at Log in page.
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.
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.