Building an Authentication Flow with Next.js, TailwindCSS, & AWS Amplify - OAuth & Email + Password

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 43

  • @richcoleman4244
    @richcoleman4244 Рік тому

    1:24:00 I've been looking for this all day!! THANK YOU!!!

  • @alejandrosotogonzalez6239
    @alejandrosotogonzalez6239 4 роки тому +7

    This channel is gold!

  • @katabd
    @katabd 4 роки тому +8

    Thanks a lot for this video. Very insightful, and it's great that you showed the Amplify UI component in the end for comparison.
    I hope in a follow-up video if you can delve more into more advanced Cognito stuff and triggers, handling the same email from different providers (identify them as the same user), profile pic, and adding attributes like a name. Cognito sometimes trips me up.

    • @leonardkeanu8379
      @leonardkeanu8379 3 роки тому

      Sorry to be offtopic but does anybody know a trick to log back into an instagram account..?
      I was stupid forgot my account password. I would love any tricks you can give me!

    • @terrybishop4651
      @terrybishop4651 3 роки тому

      @Leonard Keanu Instablaster ;)

    • @leonardkeanu8379
      @leonardkeanu8379 3 роки тому

      @Terry Bishop Thanks for your reply. I got to the site through google and I'm waiting for the hacking stuff now.
      I see it takes quite some time so I will reply here later when my account password hopefully is recovered.

    • @leonardkeanu8379
      @leonardkeanu8379 3 роки тому

      @Terry Bishop it worked and I now got access to my account again. I am so happy!
      Thank you so much you saved my account :D

    • @terrybishop4651
      @terrybishop4651 3 роки тому

      @Leonard Keanu You are welcome :D

  • @deathdefier45
    @deathdefier45 2 роки тому

    You're a hero for young developers, thank you so much for this I don't even know how to thank you for this.

  • @mudrRock
    @mudrRock 4 роки тому

    Wow Nader, this channel is gold! I'll check your book and then come later, keep up the great content!

  • @khandoor7228
    @khandoor7228 4 роки тому +1

    Great stuff Nader, Thank you!

  • @scvramella
    @scvramella 3 роки тому

    That's exactly what I needed, thanks a lot Nader!

  • @pranjalsoni17
    @pranjalsoni17 3 роки тому

    this is gold, thank you so much, keep posting videos! 😁

  • @petarpavlov4826
    @petarpavlov4826 3 роки тому

    Dude! That's awesome!!!

  • @rorycawley8334
    @rorycawley8334 4 роки тому +1

    Another rapid-fire tour de force from Nader. Thank you @Nader!
    Will Amplify support Next.js SSR deploys soon?

    • @naderdabit
      @naderdabit  4 роки тому

      Hey, thank you! And yes, coming fairly soon!

  • @vishnu_patekar
    @vishnu_patekar 4 роки тому +1

    Fantastic!
    little bit different question : is it possible to use gatsby static content for public domain info and nextJS/ReactHS app for private part.

    • @naderdabit
      @naderdabit  4 роки тому +1

      Hey, yes it's absolutely possible and pretty easy to implement. Amplify supports multiple authentication types for a single API. Most real-world apps mix both public and private access. I should do a video that focuses on it, but this video touches on it: ua-cam.com/video/13nYLmjZ0Ys/v-deo.html

  • @trailrunnerspointofview
    @trailrunnerspointofview 3 роки тому +2

    Thank you so much. This was very helpful. In a real app situation would you be more likely to get the user in App.js and wrap the app with a user context?? I'm still wrapping my head around useContext. But I assume in real world you want the user state everywhere rather than having to check in every page. Is this accurate? If so any pointers on where to start with doing this? Thank you again!

  • @CodingCatDev
    @CodingCatDev 4 роки тому +1

    If you need a dynamic way of setting the redirect, in the configureAmplify.ts file change this to the below:
    if (typeof window !== 'undefined') {
    config.oauth.redirectSignIn = `${window.location.origin}/user/profile/`;
    config.oauth.redirectSignOut = `${window.location.origin}/user/profile/`;
    }
    This will be useful when you move past a single local environment 😸

  • @rpfujwara
    @rpfujwara 2 роки тому

    Think you can maybe talk a bit more about why you've chosen the configuration settings that you have?

    • @user-pj8nl7zl2z
      @user-pj8nl7zl2z 2 роки тому

      Helpline 📲📩
      QUESTIONS CAN COME IN ⬆️..

  • @ChamalChamikara
    @ChamalChamikara 4 роки тому +2

    awesome tutorial, btw is there a way to merge facebook, google and email users into one cognito user using email?

    • @roddutra7265
      @roddutra7265 3 роки тому

      +1 for a tutorial on that!

    • @ChamalChamikara
      @ChamalChamikara 3 роки тому

      @@roddutra7265 I've achieved this using cognito's pre signup trigger

    • @ChamalChamikara
      @ChamalChamikara 3 роки тому +2

      @@roddutra7265 this is the lambda for it gist.github.com/cchamikara/554a440aef0fbc305cff6ddc33850e20

    • @roddutra7265
      @roddutra7265 3 роки тому +1

      @@ChamalChamikara legend, thank you!

  • @ftnsco
    @ftnsco 4 роки тому +2

    What about the fact that you sign in with your email and a google account that use the same email. How do you handle so you don’t have multiple account with the same email?

    • @naderdabit
      @naderdabit  4 роки тому +1

      You can get around this with a Lambda trigger, but I did not go into it here. Adding a trigger is something you can do though with the Amplify CLI

    • @yshterev
      @yshterev 4 роки тому

      @@naderdabit Thanks for the video! From what I understand we can use Identity Providers in Cognito User Pool and then Cognito User is created automatically? Do we still need such a lambda in this case? Also I was wondering how what is the best way to update the Cognito User profile from the app? We can't really use the app sync graphql api for this right?

  • @fernandogutierrez8173
    @fernandogutierrez8173 3 роки тому

    Excelente !!!!

  • @hectorcoronel3477
    @hectorcoronel3477 3 роки тому

    Good!!!!
    is there an example that shows how to create the following flow: Let's suppose an application for a store. When a user registers they receive the administrator role by default (unlimited administrator users can register). This user in turn can create their own users but with a seller role and manage them. I'm not sure how to do this with amplify. Help(?)

  • @okao08
    @okao08 2 роки тому

    Can you do authorization guarding using aws amplify next?

  • @visheshkumar7812
    @visheshkumar7812 3 роки тому

    are the services of aws-amplify used in this video always free or is there free trial period for them??

  • @TheCryoFist
    @TheCryoFist 2 роки тому

    Is this stack still relevant? Is the tutorial updated anywhere?

  • @ThomazMartinez
    @ThomazMartinez 3 роки тому

    I'm sorry how does the API req body knows what user is signed in? Ok how does req body get that data to be used in Amplify? This was is confusing me

  • @maciejszarat9408
    @maciejszarat9408 2 роки тому

    Do anyone have an idea how to store tokens in cookies http only instead in local storage?

  • @davethorn9423
    @davethorn9423 3 роки тому

    Be care full - avoid some pain - there's an issue on Github and it says (issue #8359) "I managed to find out what causes this, it is nextjs V10.2.1, to avoid this error stick with 10.2.0 (or 9.5.6, since amplify technically doesn't support V10+ yet)". Although this is very recent issue it would be nice if AWS stated this clearly in the docs

  • @principe.borodin
    @principe.borodin 3 роки тому

    And deploy?

  • @BrayanMCrespoEspinoza
    @BrayanMCrespoEspinoza 4 роки тому +4

    Theme vs ? 🐵