Table of Contents

Set up your AWS account

• Create an IAM user
  • What is IAM
  • What is an ARN
  • Customize the Serverless IAM Policy
• Configure the AWS CLI

Setting up the Serverless Backend

• Create a DynamoDB table
• Create an S3 bucket
• Create an S3 bucket for file uploads
• Create a Cognito user pool
  • Create a Cognito test user
• Set up the Serverless Framework
  • Add support for ES6/ES7 JavaScript

TODO

Deploying the Backend

• Deploy the APIs
• Create a Cognito identity pool
  • Cognito user pool vs identity pool
• Test the APIs

Setting up a React App

• Create a new React.js app
  • Add app favicons
  • Set up custom fonts
  • Set up Bootstrap
• Handle routes with React Router
  • Create containers
  • Adding links in the navbar
  • Handle 404s
• Configure AWS Amplify

Building a React App

• Create a login page
  • Login with AWS Cognito
  • Add the session to the state
  • Load the state from the session
  • Clear the session on logout
  • Redirect on login and logout
  • Give feedback while logging in
• Create a signup page
  • Create the signup form
  • Signup with AWS Cognito
• Add the create Listing page
  • Call the create API
  • Upload a file to S3
• List all the Listings
  • Call the list API
• Display a Listing
  • Render the Listing form
  • Save changes to a Listing
  • Delete a Listing
• Set up secure pages
  • Create a route that redirects
  • Use the redirect routes
  • Redirect on login

Deploying a React app on AWS

• Deploy the Frontend
  • Deploy to S3
  • Create a CloudFront distribution
  • Set up your domain with CloudFront
  • Set up www domain redirect
  • Set up SSL
• Deploy updates
  • Update the app
  • Deploy again

Advanced Topics

Backend

• API Gateway and Lambda Logs

• Debugging Serverless API Issues

• Serverless environment variables

• Stages in Serverless Framework

• Configure multiple AWS profiles

• Customize the Serverless IAM Policy

Frontend

• Code Splitting in Create React App
• Environments in Create React App

Reference

• Connect to API Gateway with IAM auth
• Serverless Node.js Starter