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/

Recommended Posts

View All

Convert PDF to Image Tutorial Example in Laravel 9


Example of Laravel pdf to picture. You will discover how to use the Laravel 8 app to convert PDF to picture in this tutorial.

PayPal Integration in Laravel Example


PayPal Integration in Laravel, laravel paypal integration, laravel setup paypal, laravel paypal integration example

Laravel 8 Custom 404, 500 Error Page Example


How to create custom error page in Laravel 8 and we will also try to tell you why we required to create the custom error page.

Learn About API Testing Tool in Laravel 8 Tutorial


In this Laravel 8 tutorial, you will learn about the API Testing Tool. Laravel 8 composer package Web service testing API utility. How to use the Lara...

TOP PROGRAMMING LANGUAGES TO GET A JOB AT GOOGLE, MICROSOFT AND FACEBOOK


It's an available fact that if you want to work at the big tech companies, you need to know how to make an impression.