How to Deploy React App on AWS S3 and CloudFront [UPDATED 2021]

In this video I will show how to deploy a React App created using create-react-app boilerplate to S3 and Cloudfront and configuring a dynamic routing using react-router-dom package.
In this tutorial, your S3 bucket will remain Private and the React App will be served using Cloudfront. In the second part of the video, I show how to create an AWS S3 bucket and a Cloudfront distribution, explain all the configuration needed. I also explain how you can update the bucket and the distribution using an NPM Script.

You can find the code here: https://github.com/enricop89/create-react-app-deploy-s3-cloudfront

00:00 Introduction
00:51 Create React Application 🚀
02:55 Install and Develop React Dynamic Routing
05:10 Create S3 Bucket
06:50 Create Cloudfront Distribution
09:12 S3 Bucket Config for Static Website
10:10 NPM Script to deploy on S3
13:02 Configure Cludfront Error Pages
13:50 Cloudfront Redirect Error
15:06 NPM Script to create CloudFront Invalidation
16:55 Cloudfront Works! ✌️
17:38 Update the App and push changes on S3 - Invalidate Cloudfront cache
20:13 Conclusion

If you want to learn more about DynamoDB and AWS Services, make sure to
subscribe to the channel:

Youtube 🎥 - https://www.youtube.com/channel/UCrgmzG2o4xlBYzm7OB7qZFA

🌎 Find me here:
Twitter - https://twitter.com/enricop89

Видео How to Deploy React App on AWS S3 and CloudFront [UPDATED 2021] канала Enrico Portolan