Implement AWS Cognito login and registration (Sign In and Sign Up) in React JS

preview_player
Показать описание
In this video I am going to show you how to implement AWS Cognito login and registration in React JS. This is an essential use case whenever you are using AWS Cognito together with React to build a web application.

The video will show you step by step how to create the necessary infrastructure as well, so we're going to deploy a Cognito User Pool (with App Client), a CloudFront distibution with an S3 origin using AWS SAM. After the infrastructure is deployed we implement the login and registration and then add some additional fields like family_name, given_name and email.

After this is done we're adding the code to retrieve the JWT token and display it. Finally we build and upload the static website to the S3 bucket which serves as the origin for the CDN (CloudFront Distribution).

Also if you are curious how to create a Cognito User Pool manually using the

Follow me on Twitter:

Рекомендации по теме
Комментарии
Автор

How should I modify the Authenticator in order to use only a federated log in for example Okta?

aaomurga
Автор

Hi Lazlo, nice tutorial!!! I did all the steps and worked OK upto the s3 sync, but when accessing the cloudfront link i got this message response on the browser: This XML file does not appear to have any style information associated with it. The document tree is shown below. <Error> <code>Access Denied</>. Any idea what I missed?

tytkbrn
Автор

how to show custom IDP signin link aprart from cognito sign-in

chandanb
Автор

How can we do the same without amplify, and use the cognito API with our custom form

ahhsan
Автор

how do you create the template.yaml file with the correct values specific to your project ?

yuchuga
Автор

can we do this with GovCloud? Amplify is not available on GovCloud, would the amplify libraries still work? I'm working hard to get this to work and having several issues, one of which is running the "amplify init" which doesn't like any key I give it :( even if the key points to a commercial AWS account.

IssamZeinoun
Автор

how much this infra cost on monthly basis? ReactJS+s3+aws cognito+cdn if active users are 10000

atulbisht
Автор

I started a preoyect with reactjs an Javascrtipt and this error says:
$ sam deploy --guided
bash: sam: command not found
how i can fixed?

michellecifuentes
Автор

thanks for sharing, How to configure the SSO saml using react amplify

vivekgowda