Auth in Nuxt 3 the EASY WAY

Поделиться
HTML-код
  • Опубликовано: 24 янв 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 года назад +4

      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

  • @clarity8258
    @clarity8258 2 года назад +1

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

    • @LearnVue
      @LearnVue  2 года назад

      glad you like them

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

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

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

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

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

  • @readline1469
    @readline1469 Год назад +1

    would your key be exposed?

  • @imwalidsalhi
    @imwalidsalhi 2 года назад +1

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

  • @БаястанНурбек-ж6ж
    @БаястанНурбек-ж6ж 2 года назад +2

    have you deleted the repo?

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

  • @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 Год назад

      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

  • @mdR041452
    @mdR041452 2 года назад +1

    hmm... repo link is broken 😞

  • @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 :)

  • @Michael-dp7by
    @Michael-dp7by Год назад +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.

  • @mattfarrell4651
    @mattfarrell4651 2 года назад +1

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

  • @martinpenev6750
    @martinpenev6750 Год назад

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

  • @iiXeenon
    @iiXeenon Год назад

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

  • @BartoszTomiak
    @BartoszTomiak 3 месяца назад

    Super useful, thank you!

  • @yagelProject
    @yagelProject 2 года назад

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

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

  • @jarredluzada5700
    @jarredluzada5700 2 года назад

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

  • @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 :(

  • @juanalbertoboada
    @juanalbertoboada 2 года назад

    Really great video...waiting more from Nuxtjs!

    • @LearnVue
      @LearnVue  2 года назад +1

      you shouldnt have to wait too long 😉

  • @AnassSanba-f5d
    @AnassSanba-f5d Год назад

    Idid the last part with row level security without the serverSupabase

  • @rs14058
    @rs14058 2 года назад

    Thanks for this video! It helped a lot 🎉🤗

  • @abat_dauletbaev
    @abat_dauletbaev 2 года назад +2

    As always awesome content.

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

  • @martinmusli3044
    @martinmusli3044 2 года назад

    Absolutely helpful!

  • @Adrian-pf9ft
    @Adrian-pf9ft 2 года назад

    awesome vid, thanks for the information

    • @LearnVue
      @LearnVue  2 года назад

      appreciate you watching!

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

  • @TheFoxstory
    @TheFoxstory 2 года назад

    LOVE !!!

  • @Somew111here
    @Somew111here 2 года назад

    super cool vid

  • @ricardocastanho4717
    @ricardocastanho4717 2 года назад

    You're awesome!

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

  • @ernestoianuario
    @ernestoianuario 5 месяцев назад

    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!

  • @darksideishere
    @darksideishere Год назад

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

  • @ibrahimhalouane8130
    @ibrahimhalouane8130 8 месяцев назад

    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?