Laravel 6 UI Package with Authentication Tutorial

In this tutorial, we will tell you how to use the Laravel UI Package with Authentication in laravel 6(Laravel 6 UI Package with Authentication Tutorial). so you can follow below step.

Laravel 6.0 UI Package, laravel 6.0 Authentication Tutorial, Laravel UI Package, laravel Authentication Tutorial, laravel 6.0 authentication.

Overview

Step 1: Install Laravel 6.0

Step 2: Setting Database Configuration

Step 3: Create Table using migration

Step 4: Install the Laravel/UI package

Step 5: Install the Laravel Auth command

Step 6: Run the Laravel Application

Step 1: Install Laravel 6.0

We are going to install laravel 6.0, so first open the command prompt or terminal and go to go to xampp htdocs folder directory using the command prompt. after then run the below command.

composer create-project --prefer-dist laravel/laravel larave6_auth

Step 2: Setting Database Configuration

After complete installation of laravel. we have to database configuration. now we will open the .env file and change the database name, username, password in the .env file. See below changes in a .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=Enter_Your_Database_Name(larave6_auth)
DB_USERNAME=Enter_Your_Database_Username(root)
DB_PASSWORD=Enter_Your_Database_Password(root)

Step 3: Create Table using migration

Run the below command using migrate the users table.

php artisan migrate

Step 4: Install the Laravel/UI package

We need to laravel UI package so we will install the package using the below command.

composer require laravel/ui

when completed successfully installation of laravel UI package then we will see look like as below type of output.

./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 1 install, 0 updates, 0 removals
  - Installing laravel/ui (v1.0.1): Downloading (100%)
Writing lock file
Generating optimized autoload files
> Illuminate\Foundation\ComposerScripts::postAutoloadDump
> @php artisan package:discover --ansi
Discovered Package: facade/ignition
Discovered Package: fideloper/proxy
Discovered Package: laravel/tinker
Discovered Package: laravel/ui
Discovered Package: nesbot/carbon
Discovered Package: nunomaduro/collision
Package manifest generated successfully.

Step 5: Install the Laravel Auth command

Now, we will install the laravel authentication using below command.

php artisan ui vue --auth

here, Laravel extracted into a scaffolding separate laravel UI packages.

Vue scaffolding installed successfully.
Please run "npm install && npm run dev" to compile your fresh scaffolding.
Authentication scaffolding generated successfully.

Step 6: Run the Laravel Application

We can start the server and run this example using the below command.

php artisan serve

Now we will run our example using the below Url in the browser.

http://127.0.0.1:8000

If you no found anything styling in your project or app then you can install below dependency on the root directory of your project.

Use below dependency for the window.

npm install
npm run dev

Use below dependency for Ubuntu or Linux.

sudo npm install 
sudo npm run dev