Deploy Serverless Web Application on Amazon S3, Amazon Cloudfront (+ IAM), Route53, and Lambda@Edge within minutes

Here I would like to share on the guidance/mechanism to deploy your static website on AWS, or a dynamic website using Web Progressive Application framework such as ReactJS, Angular, Vue.

The deployment is not just to deploy it on S3, but also deploy that to cloudfront, configure the domain name, configure the SSL certificate, and also restrict the access to the cloudfront only from the domain itself. The example of this is you can access my website using https://www.starxforce.com that is hosted on S3 and cache using Cloudfront, but you can not open that website from S3 or accessing via Cloudfront from https://d3ty65mw35obap.cloudfront.net/

Please refer this material to deploy your website to S3 from: https://medium.com/ovrsea/deploy-automatically-a-react-app-on-amazon-s3-iam-within-minutes-da6cb0096d55 and to deploy Cloudfront to your S3 from: https://medium.com/ovrsea/deliver-your-react-app-in-milliseconds-with-cloudfront-fd3a2d038445 and to deploy this to your preferred DNS name from: https://medium.com/ovrsea/a-domain-name-for-your-react-app-c05821fd3518 and to deploy lambda at edge from: https://stackoverflow.com/questions/51002710/how-to-restrict-cloudfront-access-to-my-domain-only/51006128#51006128

Best,
Doddi