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

Laravel Google Chart Example Tutorial


laravel google chart example, dynamic charts in laravel, laravel google pie chart, laravel google line chart example, google chart in laravel, laravel...

How to Implement Gravatar Image using thomaswelton/laravel-gravatar in Laravel 9


Learn how to easily implement Gravatar image using thomaswelton/laravel-gravatar in Laravel 9. Enhance user profiles with personalized images.

Laravel Multiple Where Condition Example


Laravel multiple where condition, Laravel multiple where not working, Laravel multiple where same column, Laravel 8 Eloquent multiple where condition...

whereIn and whereNotIn Query Example in Laravel


In this model, we will see the Laravel whereIn and whereNotIn query model. Laravel whereIn and whereNotIn query example, laravel whereIn, laravel wher...

Sentiment Analysis in Laravel with TextBlob


Sentiment analysis is a popular technique used in natural language processing to determine the overall sentiment or emotional tone of a piece of text.