Vue auth scaffolding in Laravel 9; In this article, I'll teach you how to use laravel ui and vue auth scaffolding to create a login, signup, logout, forget password, profile, and reset password page.

For login, registration, logout, reset password, forget password, and email verification, Laravel 9 befault provides vue ui and auth package. This package will be installed with a single command.

Table of Contents

1. Install Laravel 9 App
2. Database Configuration
3. Install Laravel UI
4. Setup Vue Auth Scaffolding
5. Install Npm Packages
6. Run PHP artisan Migrate
7. Run Development Server

Install Laravel 9 App

In step 1, open your terminal and use the following command to browse to your local web server directory:

//for windows user
cd xampp/htdocs

//for ubuntu user
cd var/www/html

Then run the following command to install the most recent Laravel application:

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

Database Configuration

In step 2, open any text editor and paste your downloaded laravel app. Then locate the .env file and specify the database details as follows:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=db name
DB_USERNAME=db user name
DB_PASSWORD=db password

Install Laravel UI

In step 3, use the following command to install the LARAVEL ui package in the laravel app:

composer require laravel/ui

Setup Vue Auth Scaffolding

In step 4, run the following command to install the auth scaffolding vue package in your Laravel app:

php artisan ui vue --auth

Install Npm Packages

In step 5, restart the command prompt and enter the following line to install node js:

npm install

Then, on cmd, enter the following command to launch npm:

npm run dev

Run php artisan Migrate

Step 6: Open a terminal and enter the following command to create a database table:

php artisan migrate

Run Development Server

Start the development server using the following command

php artisan serve

Open your browser now and go to this URL:

http://127.0.0.1:8000/