Nuxt 3 Authentication With Laravel Sanctum:A Practical Guide

Learn how to build a full authentication boilerplate with Nuxt, Sanctum and Fortify.

What you'll learn

Learn how to Develop a starter kit with Login/Registration features using Laravel Sanctum, Fortify and Nuxt 3 as the frontend stack

Learn how to set up a Laravel project with Sanctum and Fortify.

Learn how to Implement authentication in Nuxt 3 with a Laravel Backend

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 Nuxt and VueJS is required

Description

Unlock the power of full-stack development with our step-by-step guide to authenticating with a Laravel API from a Nuxt front-end. This course is designed to take you from the basics to advanced features, ensuring you understand how to secure your applications effectively.This course covers everything you need to get started with authentication with Nuxt and Laravel. We’ll start by setting up a Nuxt project and configuring Laravel Sanctum, then add the ability to register, sign in, and sign out.We’ll also cover some TypeScript tips, protecting pages with middleware, and using Vue composables to keep our code tidy.Project's DescriptionBuilding an Authentication SystemWe'll start by setting up a fresh Laravel project with Sanctum and Fortify, configuring everything step-by-step, and then we'll implement the ability to authenticate from Nuxt with the nuxt-auth-sanctum module.In the second half of the course, we’ll create a beautiful starter kit with more features, including registration, profile details update, and many more.Section Highlights:Set up a fresh Laravel project with Sanctum and Fortify.Learn how to properly configure Laravel Sanctum to be able to communicate with a front-end SPA easilyLearn how to properly configure a Nuxt frontend (along with Nuxt-Auth-Sanctum) 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 implement middlewares like Authenticated and Guest Middlewares to protect pages AccordinglyLearn how to use API Resources in Laravel to format the data accordinglyWhether 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!

Overview

Section 1: Course Content

Lecture 1 Client and API Project Setup

Lecture 2 Using the Same Domain

Lecture 3 Laravel Sanctum Configuration

Lecture 4 Install Nuxt-Auth-Sanctum Package

Lecture 5 Making our First Request

Lecture 6 Structuring Our Nuxt App

Lecture 7 Authenticating with Fortify

Lecture 8 Fetching the Authenticated User

Lecture 9 Using API Resource and Interface for the User

Lecture 10 Using TS interface for Login Form

Lecture 11 Protecting pages with the Guest and Auth Middlewares

Lecture 12 Signing Out

Lecture 13 Registering an Account

Lecture 14 Moving over to a composable

Lecture 15 Displaying Validation Errors

Lecture 16 Updating Profile Details

Students who want to Integrate Laravel as a Backend with a Nuxt Frontend