Deploy React App to CloudFront with HTTPS Custom Domain

This video is part of the following playlists:

All You Need To Know About React.js

Learn everything you need to know to get started building React apps.

TwitterFacebooklinkedin

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