Anton Putra | How to Deploy React App (any static website) to S3 and CloudFront? (CI/CD Pipeline | GitHub Actions) @AntonPutra | Uploaded March 2022 | Updated October 2024, 1 hour ago.
π΄ - To support my channel, Iβd like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com
β¬β¬β¬β¬β¬ 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: linkedin.com/in/anton-putra
βΊ Twitter/X: twitter.com/antonvputra
βΊ GitHub: github.com/antonputra
βΊ Email: me@antonputra.com
β¬β¬β¬β¬β¬β¬ Related videos π¨βπ« β¬β¬β¬β¬β¬β¬
π [Playlist] Kubernetes Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF
π [Playlist] Terraform Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj
π [Playlist] Network Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz
π [Playlist] Apache Kafka Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e
π [Playlist] Performance Benchmarks: youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd
π [Playlist] Database Tutorials: 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: antonputra.com/amazon/deploy-react-to-s3-and-cloudfront
#CloudFront #AWS #DevOps
π΄ - To support my channel, Iβd like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com
β¬β¬β¬β¬β¬ 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: linkedin.com/in/anton-putra
βΊ Twitter/X: twitter.com/antonvputra
βΊ GitHub: github.com/antonputra
βΊ Email: me@antonputra.com
β¬β¬β¬β¬β¬β¬ Related videos π¨βπ« β¬β¬β¬β¬β¬β¬
π [Playlist] Kubernetes Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF
π [Playlist] Terraform Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj
π [Playlist] Network Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz
π [Playlist] Apache Kafka Tutorials: youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e
π [Playlist] Performance Benchmarks: youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd
π [Playlist] Database Tutorials: 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: antonputra.com/amazon/deploy-react-to-s3-and-cloudfront
#CloudFront #AWS #DevOps