Auth in Nuxt 3 the EASY WAY

[@БаястанНурбек-ж6ж]

have you deleted the repo?

[@ianmadrigalmonkey1979]

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).

[@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!

[@vertexshade]

btw, nuxt 3 stable is out

[@cindrmon]

@@vertexshade yea i know

[@rylanharper]

More Nuxt3 videos would be great!

[@LearnVue]

100% have more on the way

[@mdR041452]

hmm... repo link is broken 😞

[@readline1469]

would your key be exposed?

[@clarity8258]

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

[@LearnVue]

glad you like them

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

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

[@iiXeenon]

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

[@hussamsam1485]

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?

[@mrzzleang3641]

You can use middleware

[@hussamsam1485]

@@mrzzleang3641 Already using middleware but composable state return undefined before nuxt app init Im solve this issue with redirecting value from cookie but this solution bad

[@yagelProject]

Please tell me how to display Error message and message when registered, check your email

[@tweetymr]

The Repo Link is broken 😞

[@namo3t598]

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.

[@Michael-dp7by]

Hey, I had the same problem and fixed it by changing the login function from client.auth.signIn to client.auth.signInWithPassword. Hope this helps

[@martinpenev6750]

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

[@umeyama44]

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 .

[@LearnVue]

this may be one of my favorite comments ever. thank you

[@Michael-dp7by]

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" ) || to.path.includes("protectedRoute")) {const user = useSupabaseUser() if (user.value) {return} return navigateTo("/")} and this works fine.

[@loganwenzel1615]

I had to add 'return' as well

[@slicktak]

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

[@adjuvara]

Prisma + supabase+ nuxt vid in the future? 😄

[@LearnVue]

i think you read my mind 👀

[@adjuvara]

@@LearnVueI'm curious how you solve the supabase auth( so easy to toggle google, apple, etc in the admin panel ) with prisma ?

[@Supabase]

Yes please!

[@cindrmon]

why would you need prisma, an ORM for sql and nosql databases when you already have supabase, which already is an api for a postgresql database? isn't that kind of redundant? or am i missing something there?

[@imwalidsalhi]

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

[@mattfarrell4651]

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

[@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. ✨

[@LearnVue]

glad to hear that :)

[@scriptedpixelsltd]

the repo seems to have been removed :(

[@jarredluzada5700]

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

[@AnassSanba-f5d]

Idid the last part with row level security without the serverSupabase

[@rs14058]

Thanks for this video! It helped a lot 🎉🤗

[@juanalbertoboada]

Really great video...waiting more from Nuxtjs!

[@LearnVue]

you shouldnt have to wait too long 😉

[@dardawill7253]

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

[@LearnVue]

dracula pro 🤞🏾

[@BartoszTomiak]

Super useful, thank you!

[@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)

[@abat_dauletbaev]

As always awesome content.

[@LearnVue]

💚

[@martinmusli3044]

Absolutely helpful!

[@Adrian-pf9ft]

awesome vid, thanks for the information

[@LearnVue]

appreciate you watching!

[@reagandesigns6432]

Anyone here using firebase and supabase? Can you share your experience of which is better/more flexible?

[@LearnVue]

ive used firebase in the past! I haven’t felt limited by switching. having a Postgres DB is a game changer compared to Firestore - I’ve been using Prisma with the DB to have get full type safety in Nuxt apps - way easier to switch your db to another provider since it’s a standard postgres. Also, supabase is open-source so technically you can extend it. Butttt….lol

[@JaimitoAleman]

The problem I have with Firebase is the vendor lock in. They make it pretty hard to migrate your data OUT and use it else where. I've happily been using Supabase on a few projects and really like the experience.

[@PureAlbania]

​@@LearnVueBut here in this video you didn't show how to protect your data from other users. You send the token at the header but how the server will protect the data? In Firebase it's very easy to setup a rule for any CRUD operations in a document based on the authenticated user. How does this compares with supabase, as this is the most important part of why a user is authenticated.

[@LearnVue]

​@@PureAlbania ​ you can add RLS to each of your tables and authenticate db requests from server client! does this help? supabase.com/docs/guides/auth/row-level-security

[@TheFoxstory]

LOVE !!!

[@Somew111here]

super cool vid

[@ricardocastanho4717]

You're awesome!

[@LearnVue]

🙌

[@ernestoianuario]

Very nice, although repo is 404

[@albiceleste101]

Easiest auth I've ever seen Firebase is not as clear imo, also firebase module doesn't work with nuxt 3 I think

[@LearnVue]

The Nuxt Supabase Module is great. I'm sure someone will build a firebase nuxt 3 module soon especially as it moves out of RC

[@tobychidi]

Too easy. Supabase is super cool

[@DamirSecki]

my honest opinion... keep them coming... but I don't like one bit this fast paced tutorials... way to fast to follow...would rather see a series of 2-3 slower paced videos that go a bit more in depth

[@mdR041452]

yes please ... a little slower paced would be nice. Otherwise - excellent!

[@darksideishere]

This tutorial has so many syntactical problems, it's unreal smh.

[@ibrahimhalouane8130]

Nice, There are too many ways to do auth in Nuxt, I wish to see some comparison Pros/Cons for each one of them @LearnVue?