How to deploy React App on AWS

In this session, we learnt, how to deploy react app, built with Vite (alternative to Create-React-App) on AWS with a thorough walk through of AWS architecture. We understood the benefits of using Origin Access Control Settings (OAC) for letting the AWS CloudFront Distribution (CDN) talk to AWS S3 (Object Storage) and making sure that S3 is privately accessible only via CDN. Then, we configure Godaddy DNS settings, in order to access react app via Domain Name (e.g. - nurserykaksha.com). Chapters: 00:00 - Introduction 00:13 - Explained AWS Architecture to deploy React App 04:34 - Create React App using Vite Plugin (as it is preferred approach) 08:00 - Manually create AWS Resources (S3 and Cloudfront, Cloudfront to S3 access, bucket policy) and deployment using AWS CLI. 15:40 - Cloudfront Cache Invalidation 16:45 - AWS Certificate Manager, Domain Name Configuration & GoDaddy LinkedIn Post: www.linkedin.com/posts/anup-g-82510415_host-react-…

• #education
• #host_react_app_on_aws
• #how_to_deploy_react_app_on_aws
• #how_to_host_react_app_on_aws
• #react_app_on_aws
• #react_app_on_aws_s3
• #react_app_on_aws_s3_and_cloudfront
• #react_app_on_aws_s3_and_cdn
• #godaddy_domain_aws_cloudfront
• #aws_cloudfront_oac_s3
• #host_react_app_on_aws_s3
• #deploy_react_app_on_aws_s3
• #deploy_react_app_on_aws
• #learn4tarakki