Authentication - Laravel Vue SPA Tutorial
In this Laravel Vue SPA Tutorial - Authentication video, we dive deep into building a modern Single Page Application (SPA) using a Laravel API, Vue, Pinia, Vue Router, Sanctum, Fortify, Axios, and Tailwind CSS. Follow along as we set up project settings, create dynamic navigation and layouts, and implement full authentication including Login, Register, and Logout functionality. We also explore reactive state management with Pinia, protect routes for authenticated users and guests, and test everything with simple user data displays. Perfect for developers looking to get started with Laravel API authentication with a Vue SPA!
Chapters:
00:00 Introduction
00:35 Project Settings and Packages
10:14 Navigation and Layout
14:37 Login and Register Routes
16:07 Vue Reactive State Example
18:36 Authentication Store Scaffolding
22:32 Attempt, Login, Register Functions
30:14 Register Functionality
38:08 Logout Functionality
41:11 Login Functionality
46:25 Testing with User Data Display
47:49 Protecting User and Guest Routes
52:36 Outro
Looking for the rest of the videos in this series?
• Laravel Vue SPA Tutorial - Todo List App #...
• Creating Your First Laravel Project on a N... - Creating Your First Laravel Project on a New PC
Have a wonderful day & Happy Coding!