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: https://www.linkedin.com/posts/anup-g-82510415_host-react-app-with-vite-on-aws-activity-7066121128821297152-qmNj?utm_source=share&utm_medium=member_desktop
