Nuxt 3 Authentication with Laravel Sanctum
Playing
01. Introduction and demo

Episodes

0%
Your progress
  • Total: 1h 1m
  • Played: 0m
  • Remaining: 1h 1m
Join or sign in to track your progress

Transcript

00:00
Let's cover authenticating with a Laravel API from a Nuxt project. In this course, we are going to build up this very simple scaffolding, do pretty much everything you need to build out an application like this. And once you're done with the course, you will be able to
00:15
add additional functionality. So you'll have everything you need to get started and then continue going. Let's take a look at a demo of what we're building, and then we'll go over to the next episode, set up both of these projects and get started.
00:29
Okay. So we're currently on the homepage here. The first thing I want to do being unauthenticated is head straight to the dashboard.
00:36
You can see that we've been forwarded over to the login page. We're going to implement the middleware here to redirect the user over to this login page, if they're not already signed in, let's go ahead and sign in. I've already got an account registered here.
00:49
And as you can see, we are now signed in to our account. We're forwarded back over to the dashboard and we can see, Hey Alex, which is of course the user I've registered with. And of course we see this in the navigation.
01:01
Once we are signed in, we can go over to our account area, which will be a custom request. We'll send down to update our profile information. And by doing this, you'll then be able to send any additional requests that you
01:14
need down to any of the end points of your application that might be just to fetch some data or update some sort of resource so we can go ahead and update our information here, hit update and everything keeps up to date. Let's go ahead and log out and look at registering an account.
01:30
I'm sure you have already seen this before, but let's go ahead and register our new account in here. And once we've done that, sure enough, we are registered and we're signed in. So pretty straightforward, but everything that we cover in this course, you're
01:45
going to be able to take and apply to your own applications, and this will be a nice starting point for any project that you're building. Okay. Let's jump over to the next episode and look at setting up both of these projects.

Episode summary

In this first episode, we kick things off by introducing the course: we're going to learn how to authenticate with a Laravel API from a Nuxt project. The idea is to give you solid scaffolding to get you started, plus all the basics so you can extend and build out more complex features after the course.

We start by demoing the app you'll have by the end—showing how you're redirected from the dashboard to the login page if you're not signed in (thanks to some handy middleware). Once signed in, you land on your personalized dashboard and can even update account details. We also walk through the registration process, just to show how easy it will be for users to sign up.

By the end of the video, you'll see that everything we're going to cover is super practical, and you'll be able to use these authentication patterns in your own Nuxt + Laravel projects. Next episode, we'll actually start setting up both projects from scratch.

Episode discussion

No comments, yet. Be the first!