Auth in Nuxt 3 the EASY WAY

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025

ความคิดเห็น • 67

  • @cindrmon
    @cindrmon 2 ปีที่แล้ว +11

    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
      @vertexshade 2 ปีที่แล้ว +3

      btw, nuxt 3 stable is out

    • @cindrmon
      @cindrmon 2 ปีที่แล้ว

      @@vertexshade yea i know

  • @rylanharper
    @rylanharper 2 ปีที่แล้ว +14

    More Nuxt3 videos would be great!

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว +5

      100% have more on the way

  • @АлександрДеревков-д2с
    @АлександрДеревков-д2с ปีที่แล้ว

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

  • @clarity8258
    @clarity8258 2 ปีที่แล้ว +1

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

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว

      glad you like them

  • @iamthe_OBSERVER
    @iamthe_OBSERVER 2 ปีที่แล้ว

    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
      @LearnVue  2 ปีที่แล้ว +1

      glad to hear that :)

  • @BartoszTomiak
    @BartoszTomiak 3 หลายเดือนก่อน

    Super useful, thank you!

  • @imwalidsalhi
    @imwalidsalhi 2 ปีที่แล้ว +1

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

  • @adjuvara
    @adjuvara 2 ปีที่แล้ว +10

    Prisma + supabase+ nuxt vid in the future? 😄

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว +4

      i think you read my mind 👀

    • @adjuvara
      @adjuvara 2 ปีที่แล้ว

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

    • @Supabase
      @Supabase 2 ปีที่แล้ว +2

      Yes please!

    • @cindrmon
      @cindrmon 2 ปีที่แล้ว

      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?

  • @umeyama44
    @umeyama44 2 ปีที่แล้ว +1

    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
      @LearnVue  2 ปีที่แล้ว

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

  • @yagelProject
    @yagelProject 2 ปีที่แล้ว

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

  • @readline1469
    @readline1469 ปีที่แล้ว +1

    would your key be exposed?

  • @rs14058
    @rs14058 2 ปีที่แล้ว

    Thanks for this video! It helped a lot 🎉🤗

  • @ianmadrigalmonkey1979
    @ianmadrigalmonkey1979 ปีที่แล้ว +1

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

  • @БаястанНурбек-ж6ж
    @БаястанНурбек-ж6ж 2 ปีที่แล้ว +2

    have you deleted the repo?

  • @juanalbertoboada
    @juanalbertoboada 2 ปีที่แล้ว

    Really great video...waiting more from Nuxtjs!

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว +1

      you shouldnt have to wait too long 😉

  • @mdR041452
    @mdR041452 2 ปีที่แล้ว +1

    hmm... repo link is broken 😞

  • @Michael-dp7by
    @Michael-dp7by 2 ปีที่แล้ว +1

    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.

  • @martinmusli3044
    @martinmusli3044 2 ปีที่แล้ว

    Absolutely helpful!

  • @abat_dauletbaev
    @abat_dauletbaev 2 ปีที่แล้ว +2

    As always awesome content.

  • @martinpenev6750
    @martinpenev6750 ปีที่แล้ว

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

  • @namo3t598
    @namo3t598 2 ปีที่แล้ว +1

    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
      @Michael-dp7by 2 ปีที่แล้ว

      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

  • @hussamsam1485
    @hussamsam1485 2 ปีที่แล้ว +2

    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
      @mrzzleang3641 2 ปีที่แล้ว

      You can use middleware

    • @hussamsam1485
      @hussamsam1485 2 ปีที่แล้ว

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

  • @slicktak
    @slicktak 2 ปีที่แล้ว

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

  • @tweetymr
    @tweetymr 5 หลายเดือนก่อน

    The Repo Link is broken 😞

  • @iiXeenon
    @iiXeenon ปีที่แล้ว

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

  • @dardawill7253
    @dardawill7253 2 ปีที่แล้ว +1

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

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว +1

      dracula pro 🤞🏾

  • @scriptedpixelsltd
    @scriptedpixelsltd 8 หลายเดือนก่อน

    the repo seems to have been removed :(

  • @jarredluzada5700
    @jarredluzada5700 2 ปีที่แล้ว

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

  • @AnassSanba-f5d
    @AnassSanba-f5d ปีที่แล้ว

    Idid the last part with row level security without the serverSupabase

  • @Vidzhut
    @Vidzhut 2 ปีที่แล้ว

    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)

  • @mattfarrell4651
    @mattfarrell4651 2 ปีที่แล้ว +1

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

  • @Adrian-pf9ft
    @Adrian-pf9ft 2 ปีที่แล้ว

    awesome vid, thanks for the information

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว

      appreciate you watching!

  • @TheFoxstory
    @TheFoxstory 2 ปีที่แล้ว

    LOVE !!!

  • @ibrahimhalouane8130
    @ibrahimhalouane8130 9 หลายเดือนก่อน

    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?

  • @Somew111here
    @Somew111here 2 ปีที่แล้ว

    super cool vid

  • @ricardocastanho4717
    @ricardocastanho4717 2 ปีที่แล้ว

    You're awesome!

  • @reagandesigns6432
    @reagandesigns6432 2 ปีที่แล้ว

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

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว +4

      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
      @JaimitoAleman 2 ปีที่แล้ว +1

      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
      @PureAlbania 2 ปีที่แล้ว

      ​@@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
      @LearnVue  2 ปีที่แล้ว

      ​@@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

  • @ernestoianuario
    @ernestoianuario 6 หลายเดือนก่อน

    Very nice, although repo is 404

  • @tobychidi
    @tobychidi 2 ปีที่แล้ว

    Too easy. Supabase is super cool

  • @DamirSecki
    @DamirSecki 2 ปีที่แล้ว +4

    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
      @mdR041452 2 ปีที่แล้ว

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

  • @albiceleste101
    @albiceleste101 2 ปีที่แล้ว

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

    • @LearnVue
      @LearnVue  2 ปีที่แล้ว +1

      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

  • @darksideishere
    @darksideishere ปีที่แล้ว

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