SPA Laravel 9 VUE 3 AUTH User Login and Register with Validation Example

This video will show you how to create a single page application (SPA) with Auth using Laravel 9 and Vue 3. We can register new user from the registration form and login from login page. Display dashboard page only for user authenticated and more...

Laravel VUE 3 CRUD with Image

Laravel Vue Tutorial

Laravel 9 Tutorial For Beginners Step by Step

Source Code available on
Github

Our Blog

#Laravel #laravel9 #LaravelVue #VueSPA

0:00 Introduction
0:12 Registration Form
0:27 Dashboard page for Authenticated users
0:48 Install Laravel and NPM Dependencies
1:22 Open Laravel Project
1:37 Create new database and setup in the ENV File
1:48 Install VUE 3 and NPM Dependencies
4:19 Install and setup Laravel Sanctum
4:33 Publish Configuration files
4:41 Add Sanctum's Middleware
5:37 Create Login Controller API
5:54 Create Login method
7:39 Create Register method
9:25 Create Logout method
11:35 Create Blade Templates
16:44 Create VUE Router
19:40 Run Laravel artisan serve
19:47 Build and RUN VUE 3
20:35 Execute Migration Files
20:50 Create VUE Template for the login page
24:13 API ROUTES
24:26 Build and compile all vue resources
24:54 Create Register page and Register method

[scottgeithman]

Hells yeah! Thank you so much for this. I am just learning Vue and this is exactly how I like to learn ...

[umerfarooqchattha]

Thanks you Harrison its helpful for me.

[dipspad]

How is it done to be able to use the bootstrap javascript? Greetings from Ecuador.

[chamodmaduvantha]

I watched your YouTube and downloaded the following source code from github.
But unfortunately, when i register someone by giving email, name, password after when logging giving that name and email i repeatedly going logging page. I try to solve it, but i cant. I humbly request that you to allow correct source code to me or fix the bud in github. I eagerly await your response.

[kiavashnoory]

i have error window.laravel is undefined!

[JAOcero]

What if the user change the isLoggedin in local storage?

[Web.Development.]

the webpack.mix.js does not exist xc
is the laravel version a problem?

[armandoalcaraz]

Hi Man, excelent video!!, I have a question, I downloaded the files from your repository and when I try to login, the response is successful but "if(Auth::check())" in the app.blade.php always returns false.