Laravel 9 Vue Auth Tutorial with Example

In this tutorial you will learn about the Laravel 9 Vue Auth Tutorial with Example and its application with practical example.

In this Laravel 9 Vue Auth Tutorial with Example Tutorial I will show how to create login, register, logout, forget password, profile and reset password page using Vue Auth Scaffolding without using laravel 9 make:auth command. Vue Auth Scaffolding enable us to generate default laravel authentication scaffolding. Vue Auth Scaffolding includes fully functional login, register, logout, reset password, forget password, email verification, two-factor authentication, session management.

Table Of Contents−

In this laravel 9 Vue Auth Scaffolding tutorial I will show you how to use Vue Auth Scaffolding to create auth scaffolding in laravel 9. React Auth Scaffolding will include login, register, reset the password, forget password, email verification, and two-factor authentication blade views and controller file.

Laravel 9 Vue Auth Tutorial with Example

In this step by step laravel 9 Vue auth example tutorial we will learn how to implement or generate Auth Scaffolding using laravel ui and Vue auth. Please follow the instruction given below:

  • Install Laravel 9
  • Database Configuration
  • Install Laravel UI
  • Install Vue Auth Scaffolding
  • Install Npm Packages
  • Run PHP artisan Migrate
  • Run Development Server

Install Laravel 9

First of all we need to create a fresh laravel project, download and install Laravel 9 using the below command

Database Configuration

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

Install Laravel UI

Now, switch the laravel project directory and run the following composer command to install laravel/ui package. Laravel UI is an official library that offers selective or predefined UI components. The laravel/ui package comes with the login and registration scaffolding for React, Vue, jQuery, and Bootstrap layouts. Run the following composer command to install Laravel/UI.

Install Vue Auth Scaffolding

Use the following artisan command to Install Vue auth scaffolding.

Now, you have successfully installed Vue auth in your laravel 8 project, you can see your resource directory js folder.

Install Npm Packages

Now, you need to install the bootstrap package and the related frontend dependencies such as jquery from npm using the following command:

Then type the following command on cmd to run npm:

Run php artisan Migrate

Now, in this step we will create model and migration file. Please run the following command:

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

Now, open the following URL in browser to see the output –

In this tutorial we have learn about the Laravel 9 Vue Auth Tutorial with Example and its application with practical example. I hope you will like this tutorial.