AWS Amplify Gen 2 and AWS Cognito for Developers-TypeScript

Initialize an Amplify project in your preferred framework, add Amplify, deploy the backend with sandbox to generate Amplify Outputs JSON, and configure Amplify on startup.

Delete unused AWS Amplify apps and sandboxes from the console or CLI, and clean up the resources created in this section. The optional section covers infrastructure as code with CDK.

Explore infrastructure as code and learn how Amplify works behind the scenes with AWS CloudFormation and AWS CDK, in this optional section.

Explore infrastructure as code, a declarative way to define cloud resources with code, enabling loops and references, and compare AWS CloudFormation, CDK, and Amplify for version control, automation, and scalability.

Explore how AWS Amplify's authentication component leverages AWS Cognito to deliver a customizable sign-up and sign-in flow with pre-built UI, email confirmation, and social login options.

Customize the authenticator component by adding a nickname attribute to signup in the Amplify Cognito backend and display it in the UI using fetch user attributes in React TypeScript.

Block spam signups with an email domain filter using a pre sign up lambda in Amplify. Currently only google.com is allowed, others trigger an invalid email domain error.

Explore Amazon Cognito and Cognito user pools within an optional section, building a three-tier API (public, private, admin) using tokens via a small web app.

Explore Amazon Cognito's user pools and identity pools, learn how user data is authenticated with JWT tokens, and review signup and login flows with OpenID Connect as an identity provider.

Fetch the user session directly from code using fetch auth session, inspect access and ID tokens, and understand how JSON web tokens secure APIs, with JWT payload and signature.

Learn to secure an API with AWS API Gateway and Cognito, creating public and private resources, deploying to dev, and testing with id tokens in authorization headers.

Demonstrates fine-grained authorization using Cognito groups by creating an admins group, assigning users, and validating group membership in a lambda to grant or deny access.

Explore how Cognito identity pools provide temporary credentials to access AWS resources, enabling secure file operations on S3 via the AWS SDK for web or mobile apps.

Extend an Amplify and Cognito workflow to generate temporary credentials from an identity pool, handling authenticated and guest users with Cognito identity client and credentials providers.

Switch to a public api key to allow access for both unauthenticated and authenticated users, replacing identity pool and user pool checks with a single api key authorization.

Implement an admin group to enable per-user group data access, allowing admins to list all tasks regardless of owner by granting group access to the tasks view.

Explore storage with AWS S3 and Amplify Data, learn to set up storage, upload and download files, customize authorization rules, and listen to storage events via a travel blog app.

Build a travel blog app with Amplify Storage, where users add places, upload photos, and post comments, powered by AppSync, DynamoDB, S3, and a thumbnail-generating Lambda.

Learn to build an image resize lambda with AWS Amplify storage and S3, producing thumbnails in a thumbs folder triggered by S3 object created events.

Visualize photos by building a main places list with thumbnail images sourced from amplify storage using the UI React Storage component and navigate to place details.

Create a dynamic place details component that extracts the id from the url with useParams, fetches the place via an amplify-generated client, and renders details and real-size photos.

Enable logged-in users to submit and view comments on a place by rendering a comment form, sending to the backend, and subscribing to real-time updates to reflect changes.