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
- Install Laravel 9 App
- Database Configuration
- Install Laravel UI
- Setup Vue Auth Scaffolding
- Install Npm Packages
- Run PHP artisan Migrate
- 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/