Deploy React App to CloudFront with HTTPS Custom Domain


This video is part of the following playlists:


Learn how to deploy a react app, or any static website, to a Cloud Front distribution custom domain name and SSL Certificate.

Chapters:

  • 0:00โ€‹ Intro
  • 0:59 Building the react app
  • 1:35 Create an S3 bucket
  • 2:37 Create CloudFront Distribution
  • 4:16 Custom Domain Name
  • 5:19 SSL Certificate
  • 7:08 DNS Record in Route 53
  • 8:26 Custom Error Page for React
  • 10:46 Updating the Website
  • 12:05 CloudFront Invalidate Files
  • 13:06 AWS CLI

aws s3 sync directory-path "s3://your-bucket-name/" aws cloudfront create-invalidation --distribution-id your-distribution-id --paths '/*'

๐Ÿ”—Route 53 Domain Name https://youtu.be/jDz4j_kkyLA

๐Ÿ”— AWS CLI https://youtu.be/_DIRSI07kxY

๐Ÿ”—S3 Static Website AWS CLI https://sammeechward.com/aws-cli-s3-static-website/

Find an issue with this page?ย Fix it on GitHub