---
description: >-
  https://www.itsolutionstuff.com/post/laravel-9-vue-js-auth-scaffolding-tutorialexample.html
---

# Laravel 9 Vue JS Auth Scaffolding Tutorial

## Laravel 9 Vue JS Auth Scaffolding Tutorial

Hi Dev,

In this tute, we will discuss laravel 9 install vue. let’s discuss laravel 9 vue auth scaffolding. this example will help you install vue js in laravel 9. you can understand the concept of laravel 9 authentication scaffolding using vue. So, let's follow a few steps to create an example of how to use vue in laravel 9.

Laravel giver UI package for the easy step of auth scaffolding. Laravel UI provides simple authentication features including login, registration, password reset, email verification, and password confirmation using bootstrap, react and vue.

In this tutorial, I will give you simple steps of how to install vue js and how to create auth scaffolding using Vue in laravel 9 version.

So, let's follow bellow steps:

![](https://www.itsolutionstuff.com/upload/laravel-9-vue.png)

**Install Laravel 9**

First of all, we need to get a fresh Laravel 9 version application using bellow command, So open your terminal OR command prompt and run bellow command:

```
composer create-project laravel/laravel example-app
```

**Install Laravel UI**

Let's run bellow command to install laravel ui package by bellow command:

```
composer require laravel/ui
```

Next you have to install laravel ui package command for creating auth scaffolding using vue. so let's run bellow command:

```
php artisan ui vue  OR  php artisan ui vue --auth
```

Now let's run bellow command for install npm:

```
npm install && npm run dev
```

It will generate CSS and js min files.

Next run migration command:

```
php artisan migrate
```

**Run Laravel App:**

All the required steps have been done, now you have to type the given below command and hit enter to run the Laravel app:

```
php artisan serve
```

[![](https://go.ezodn.com/charity/http/charity-ads.s3.amazonaws.com/charity_ads/1093/234x60.png)](https://go.ezodn.com/ads/charity/proxy?p_id=6bf1996c-5223-4342-43f0-b23a2aab2d57\&d_id=77568\&imp_id=7248351298109252\&c_id=1093\&l_id=10016\&url=https%3A%2F%2Fwww.directrelief.org%2Femergency%2Fukraine-crisis%2F\&ffid=1\&co=VN)

Now, Go to your web browser, type the given URL and view the app output:

Read Also: [Laravel 9 Bootstrap Auth Scaffolding Tutorial](https://www.itsolutionstuff.com/post/laravel-9-bootstrap-auth-scaffolding-tutorialexample.html)

```
http://localhost:8000/
```

now you can see layout bellow as here:

Home Page:

![](https://www.itsolutionstuff.com/upload/laravel-9-bootstrap-5-1.png)

Login Page:

![](https://www.itsolutionstuff.com/upload/laravel-9-bootstrap-5-2.png)

Register Page:

![](https://www.itsolutionstuff.com/upload/laravel-9-bootstrap-5-3.png)

Dashboard Page:

![](https://www.itsolutionstuff.com/upload/laravel-9-bootstrap-5-5.png)

You can see bellow screen shot that laravel ui create js and component setup:

![](https://www.itsolutionstuff.com/upload/laravel-9-vue-2.png)

![](https://www.itsolutionstuff.com/upload/laravel-9-vue-3.png)

I hope it can help you...Laravel 9 Import Export Excel and CSV File Tutorial
