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

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)

Requirements
Beginner Level knowledge of PHP/Laravel is required
Beginner Level knowledge of Vue is required

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 DescriptionBuilding an Authentication SystemWe’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 SPALearn 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 loadedLearn how to implement middlewares like Authenticated and Guest Middlewares to protect pages AccordinglyLearn how to use API Resources in Laravel to format the data accordinglyBuilding a Simple Student’s Management SystemIn 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 VueLearn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our ModelsLearn 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