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.


  • 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


๐Ÿ”—S3 Static Website AWS CLI

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