Laravel 11 + Vue.js 3 + Sanctum: SPA CRUD with Auth

Focused View

Tapan Sharma

1:35:31

0 View

01-introduction-and-demo.mp4

01:13

02-fresh-laravel-and-vite-projects.mp4

03:00

03-running-on-the-same-domain.mp4

01:43

04-installing-sanctum.mp4

06:00

05-installing-fortify.mp4

03:23

06-a-quick-authentication-test.mp4

10:08

07-how-composables-work.mp4

06:07

08-moving-auth-to-a-composable.mp4

05:08

09-attempting-authentication.mp4

03:14

10-authenticating-on-reload.mp4

03:33

11-handling-authentication-errors.mp4

04:45

12-logging-out.mp4

02:00

13-installing-tailwind.mp4

02:22

14-building-the-navigation.mp4

07:26

15-building-the-login-page.mp4

06:10

16-logging-out-from-the-navigation.mp4

01:55

17-registering-an-account.mp4

07:24

18-middleware-pipelines.mp4

11:23

19-guest-middleware.mp4

03:40

20-authenticated-middleware.mp4

02:25

21-switching-to-api-resources.mp4

02:32

Description

Learn how to authenticate with a Laravel API from Vue using the Composition API

What You'll Learn?

Learn how to Develop a starter kit with Login/Registration features using Laravel Sanctum, Fortify and VueJS as the frontend stack
Learn how to set up a Laravel project with Sanctum and Fortify.
Learn how to Implement authentication in Vue using the Composition API.
Learn how to build a Middleware Pipeline to execute multiple Middlewares before a route is loaded
Learn how to configure and use Laravel Sanctum to communicate with a Single Page Application (SPA)

Who is this for?

Students who want to Implement Authentication with Laravel Sanctum and Vue

What You Need to Know?

Beginner Level knowledge of PHP/Laravel is required

Beginner Level knowledge of Vue is required

More details

Description
Unlock the power of full-stack development with our step-by-step guide to authenticating with a Laravel API from a Vue front end using the Composition API. This course is designed to take you from the basics to advanced features, ensuring you understand how to secure your applications effectively.

Vue.js is by far the most popular JavaScript framework in the Laravel community, and the newest Vue.js 3 version with the Composition API is a new way to create SPAs - Single Page Applications.

Project'sÂ Description

Building an Authentication System
We'll start by setting up a fresh Laravel project with Sanctum and Fortify, configure everything step-by-step, and then we'll implement the ability to authenticate from Vue with a simple auth module â€” thanks to the flexibility of the Composition API.
In the second half of the course, weâ€™ll create a beautiful starter kit with more features, including registration and middleware to protect routes.

Section Highlights:
Set up a fresh Laravel project with Sanctum and Fortify.
Learn how to properly configure Laravel Sanctum to be able to easily communicate with a front-end SPA
Learn how to properly configure a Vue application (along with Axios) to communicate with a Laravel Backend.
Configure and implement authentication using the Vue Composition API.
Build a simple yet effective authentication module.
Create a simple yet beautiful starter kit with authentication features like Login, and Registration.
Learn how to build a flexible Middleware Pipeline to execute multiple Middlewares before a route is loaded
Learn how to implement middlewares like Authenticated and Guest Middlewares to protect pages Accordingly
Learn how to use API Resources in Laravel to format the data accordingly

Building a Simple Student's Management System
In this section, we'll build a simple CRUD app and dive into the fundamentals of building CRUDÂ applications with Laravel, Sanctum, and Vue.jsÂ Stack and we will learn the following topics along the way:

Learn about Watchers in Vue.js and Build dependent dropdowns in Vue
Learn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our Models
Learn how to use a Re-usable Vue Component to display validation messages.
Learn how to Implement Server Side Pagination from scratch.
Learn how to Implement Search Functionality in a Vue.js Powered Data-table.
Learn how to Implement filters in a Vue.js Powered data table.
Whether you're a beginner looking to get started with API authentication or an experienced developer wanting to refine your skills, this course has something for you. Join us and enhance your development toolkit today!
Who this course is for:
Students who want to Implement Authentication with Laravel Sanctum and Vue

User Reviews

Rating

average 0

Total votes0

Focused display

Laravel

Tapan Sharma

Instructor's Courses

A Computer Engineer with a motive to gain and share knowledge with the World in the field of Programming and DevelopmentI create video tutorials and content related to Laravel and its ecosystem. Along with youtube, I wanted to make more in-depth project-based courses, and hence, I chose this Platform.It's time to have some fun and teach you some very interesting and useful stuff/techniques that I learn while building different kinds of Systems! There is so much going on out there in the web development world and I want to share them all - with you.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.