ItSolutionStuff.com

Laravel 10 Vue JS Auth Scaffolding with Vite Tutorial

By Hardik Savani • September 23, 2024
Laravel

Hi,

Here, I will show you how to work laravel 10 install vue. I’m going to show you about laravel 10 vue auth scaffolding. I would like to show you install vue js in laravel 10. This tutorial will give you a simple example of laravel 10 authentication scaffolding using vue.

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 on how to install vue js and how to create auth scaffolding using Vue in laravel 10 version.

So, let's follow bellow steps:

Install Laravel 10

First of all, we need to get a fresh Laravel 10 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

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

http://localhost:8000/

now you can see layout bellow as here:

Home Page:

Login Page:

Register Page:

Dashboard Page:

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

Output:

I hope it can help you...

Hardik Savani

Hardik Savani

I'm a full-stack developer, entrepreneur, and founder of ItSolutionStuff.com. Passionate about PHP, Laravel, JavaScript, and helping developers grow.

šŸ“ŗ Subscribe on YouTube

We Are Recommending You

ā˜…

Laravel 10 Select2 Ajax Autocomplete Search Example

Read Now →
ā˜…

Laravel 10 Cron Job Task Scheduling Tutorial

Read Now →
ā˜…

Laravel 10 Ajax Image Upload Example

Read Now →
ā˜…

Laravel 10 Create Custom Helper Functions Example

Read Now →
ā˜…

Laravel 10 Auth with Livewire Jetstream Example

Read Now →
ā˜…

Laravel 10 Vue JS Auth Scaffolding with Vite Tutorial

Read Now →
ā˜…

Laravel 10 Generate PDF File using DomPDF Example

Read Now →
ā˜…

Laravel 10 Multiple File Upload Tutorial Example

Read Now →
ā˜…

Laravel 10 Multiple Image Upload Tutorial Example

Read Now →
ā˜…

Laravel 10 File Upload Example Tutorial

Read Now →
ā˜…

Laravel 10 Form Validation Tutorial Example

Read Now →
ā˜…

Laravel 10 Image Upload Example Tutorial

Read Now →
ā˜…

Laravel 10 CRUD Application Example Tutorial

Read Now →