Auth in Nuxt 3 the EASY WAY

RESOURCES

Get early access to videos, exclusive content, interactive code challenges, and more.

follow me on twitter:

MUSIC

#vue #nuxtjs #supabase
00:00 Introduction
00:12 Quick demo
00:26 Pages of our project
00:51 Sign up + log in
02:31 Redirecting users on log in
03:18 Auth middleware
04:08 Storyblok sponsor!
04:48 Authorizing calls
05:46 Passing cookies on initial request

[cindrmon]

i really hope nuxt 3 development would finish its stable release before the end of this year! all these stuff is really cool and i really hope it would be stable anytime soon!

[iamthe_OBSERVER]

THANK the lord God that my man is doing something wit supabase. There’s not that much documentation on it and I’m grateful you’ve talked on it. ✨

[umeyama]

damn. i love this channel so much. Contents are great.
Thumbnails are cute and beautiful.
Every single video is so tidy. This channel's vidoes satifsy a perfectionist .

[clarity]

these vids are just like perfect gifts to vue/nuxt ecosystem ♥

[АлександрДеревков-дс]

The best tutorial on auth with Nuxt3! Thank you very much!

[imwalidsalhi]

Thank you for the explantations! please provides us a full stack project with Nuxt and Supabase with Prisma

[ianmadrigalmonkey]

I keep getting, "useSupabaseClient is not defined" (500 error). I shouldn't have to import anything from supabase into my file (Login.vue) right? Also I wasn't have to look at your repo because it's missing or something (404).

[dardawill]

Hey man
Awesome as always.
Thank you.
I was wondering what VSCode theme do you use?

[adjuvara]

Prisma + supabase+ nuxt vid in the future? 😄

[Michael-dpby]

Hey, I had a problem with getting the middleware to work while following along with the video. Instead of initialising the supabase user and then checking in the if statement if (!user.value && to.path === '/notes') {navigateTo("/")} instead I did this: if (to.path.includes("notes" ) || {const user = useSupabaseUser() if (user.value) {return} return navigateTo("/")} and this works fine.

[hussamsam]

Hello, thank you for this information.
I have a question please, I am using Laravel API with Nuxt 3, but I have a problem with redirecting to the home page when the page is refreshed, knowing that the user is already authed ..
Do you have a solution for this please?

[mattfarrell]

What theme and extensions are you using in VSCode for Nuxt3?

[martinpenev]

How does Supabase identify the user? Session ID in localstorage? JWT? Cookie?

[jarredluzada]

Can you do a tutorial for using supabase realtime Nuxt 3 from nuxtjs/supabase?

[namot]

I have a problem. When I logged out and try to log in back, the error said "Uncaught (in promise) TypeError: client.auth.signIn is not a function" how to fix this. Thank you.

[iixnn]

How did you make the logout button? I am so puzzled at that part and I can't seem to do it

[Vidzhut]

Awesome tutorial. Saved several days of research as a novice developer. Just one thing how do I show a message after signup to the user? As an example ( show message: Please confirm your email address)

[juanalbertoboada]

Really great video...waiting more from Nuxtjs!

[rs]

Thanks for this video! It helped a lot 🎉🤗

[slicktak]

Followed your stuff step-by-step and the middleware sees the user as null. Suggestions?