Add Google Sign in into Your Web App w/ Lucia Auth Next 14 - Google Sign in OAuth 2.0 Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 พ.ย. 2024

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

  • @any_account-b6x
    @any_account-b6x หลายเดือนก่อน +1

    Great video, it was really helpful! It would be awesome to see a series on OAuth implementation with Lucia, using different providers. For the next video, it would be better if there were fewer cuts and if you were more prepared. ☺

  • @rizkchan
    @rizkchan 8 หลายเดือนก่อน +4

    Amazing, I'm tired reading more than 3 docs and Comment back and forth, Just to finish the google oauth with lucia.

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

      Damn! I'm glad it helped you :)

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

    Great tutorials on Lucia Ugur, thank you! You explain things very clearly, well done.

  • @lovrozagar3729
    @lovrozagar3729 7 หลายเดือนก่อน +1

    Amazing keep the lucia tutorials going!

    • @ugurcodes
      @ugurcodes  7 หลายเดือนก่อน +1

      Thank you and will do! Let me know if you have a topic that you'd like to see

    • @lovrozagar3729
      @lovrozagar3729 7 หลายเดือนก่อน

      @@ugurcodes It would be amazing if you could go into more depth with refreshing the token in the background, if user was signed in with google or credentials.

    • @lovrozagar3729
      @lovrozagar3729 7 หลายเดือนก่อน

      @@ugurcodes Also where can I findyour code, I can't find your github?

  • @olehminko1744
    @olehminko1744 7 หลายเดือนก่อน +1

    Great tutorial! Just finished this tutorial and link form which you fetch user data from Google provider is no longer valid. In Google documentation I found a new one, which works. My question is: how often does Google change this link ? In our code all google auth functionality depends on it, if it changed - nothing works 🤨 and we need to manually go into code and change it every time google changes it, or what ? Am I only one who founds this element of Lucia auth a weak spot ?

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

    I may have missed something, but at what stage do we check and delete session data in cookies? I don't mean when you log out of your account, but if the session has expired

  • @chakrik2899
    @chakrik2899 7 หลายเดือนก่อน

    This is awesome authentication lucia, Love your vedios can we get the microsoft provider as well for it?.

  • @yashrajjaiswal9941
    @yashrajjaiswal9941 8 หลายเดือนก่อน +1

    Great video, but how can we get user data on client side, does Lucia provide any function for that

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

      Hi! I've just recorded a video about it! Sorry for the late reply.
      You can checkout the last video I published
      Take care,
      Ugur

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

    does Lucia supports react native app with next.js fullstack? i am looking for common auth system for my fullstack app written in next.js and want to authenticate mobile app on it. nextAuth cant do that .. does lucia support?

  • @cuevaio
    @cuevaio 7 หลายเดือนก่อน +1

    sooo cool bro! can we have the github repo?

    • @ugurcodes
      @ugurcodes  7 หลายเดือนก่อน +1

      Hey! thanks:)
      Checkout oauth branch
      github.com/ugurkellecioglu/next-14-lucia-auth-postgresql-drizzle-typescript-example

  • @devchi7691
    @devchi7691 8 หลายเดือนก่อน +1

    Can you help writing a code to display the user count from the db for this project?

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

      hmm,
      it's not exactly related to auth topic but drizzle query would be:
      import { count } from 'drizzle-orm'
      await db.select({ value: count(userTable.id) }).from(userTable);
      and you can create a new server action that returns the result. Let me know if you need further help :)

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

      Would love to see you implement it in the next video ^^@@ugurcodes

  • @baptiste6436
    @baptiste6436 7 หลายเดือนก่อน +1

    Cool video, can u update the repo so that it's easier to copy code instead of retyping from video pls?

    • @ugurcodes
      @ugurcodes  7 หลายเดือนก่อน

      Code is available, please check oauth branch

    • @baptiste6436
      @baptiste6436 7 หลายเดือนก่อน

      amazing! tysm@@ugurcodes

    • @baptiste6436
      @baptiste6436 7 หลายเดือนก่อน +1

      I got it working, thank you! One thing I would suggest is not setting the id of user to be the id of the google account it might be confusing to have two records in different tables with the same id. I used generateId(15) and changed the where clauses so that the id strategy of user is always the same whetether it's from oauth or email/pwd

    • @ugurcodes
      @ugurcodes  7 หลายเดือนก่อน

      @@baptiste6436 yes! I realized that after recording video. Thanks for the suggestion 🙏

  • @brayanyevenes5954
    @brayanyevenes5954 7 หลายเดือนก่อน

    i am now using neon serverless as my pg in the cloud but i realized that it does not support transactions with https and i have to modify it to the weebsocket that neon offers, did you have to connect lucia with neon serverless?

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

      did you find a solution?

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

      ​@@fabienpineau1580 yes i read the documentacion for transactions in neon serverless, do you need to create anew instance Pool conection from @neondatabase/serverless and to conect with drizzle used import drizzle-orm/neon-serverless
      example:
      const client = new Pool({ connectionString: env.DATABASE_URL});
      const db = drizzle(client, { schema });
      now you can use db.transaction

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

    can you please edit your videos before uploading, it's hard to learn when it breaks here and there and we go in to a rabbit hole to fix it

  • @ryanlee5336
    @ryanlee5336 7 หลายเดือนก่อน

    Where is the repo?

    • @ugurcodes
      @ugurcodes  7 หลายเดือนก่อน +1

      Hey!
      github.com/ugurkellecioglu/next-14-lucia-auth-postgresql-drizzle-typescript-example