How to Deploy React App (any static website) to S3 and CloudFront? (CI/CD Pipeline | GitHub Actions)

Video Description

👨‍💼📈 Mentorship/On-the-Job Support/Consulting - https://calendly.com/antonputra/youtube or [email protected] ▬▬▬▬▬ Experience & Location 💼 ▬▬▬▬▬ ► I’m a Senior Software Engineer at Juniper Networks (12+ years of experience) ► Located in San Francisco Bay Area, CA (US citizen) ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ ► LinkedIn: https://www.linkedin.com/in/anton-putra ► Twitter/X: https://twitter.com/antonvputra ► GitHub: https://github.com/antonputra ► Email: [email protected] ▬▬▬▬▬▬ Related videos 👨‍🏫 ▬▬▬▬▬▬ 👉 [Playlist] Kubernetes Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF 👉 [Playlist] Terraform Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj 👉 [Playlist] Network Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz 👉 [Playlist] Apache Kafka Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e 👉 [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd 👉 [Playlist] Database Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnhmmh5pu9sdWekdRwAzV5f ========= ⏱️TIMESTAMPS⏱️ 0:00 Intro 1:07 Create React App 2:39 Deploy React App to AWS S3 Bucket 4:48 Setup Custom Domain for S3 Static Website 5:44 Deploy React App to CloudFront 9:19 Transfer Domain to Route53 11:35 Setup CI/CD Pipeline for React App using GitHub Actions 15:54 Restrict Direct Access for S3 Objects (Optionally) ========= Source Code 📚 - Tutorial: https://antonputra.com/amazon/deploy-react-to-s3-and-cloudfront/ #CloudFront #AWS #DevOps