Automate React Site Deployments from GitHub to S3 & CloudFront
summary
Public repo wires GitHub -> AWS using Terraform modules to create an S3 bucket (static hosting) and a CloudFront distribution, builds a React app with CodeBuild buildspec, and deploys via CodePipeline. GitHub token sits in Secrets Manager; build caches node modules in an artifacts bucket and copies build/ to S3 in post_build. Multiple branches map to dev/uat/prod and the demo pipelines run successfully, showing end-to-end automation.
AI-written summary · about
chapters (16)
- 0:00Start
- 0:25Automating React Deployments to S3 and Cloudfront S3
- 5:28Github Repository
- 6:26Vs Code
- 7:32Terraform
- 13:21The S3 Bucket
- 19:14Cloudfront Distribution
- 21:35Caching
- 32:36A Build Spec File
- 33:13Environment Setup
- 33:28Environment Variables
- 34:42Code Pipeline
- 35:33Two-Stage Pipeline
- 36:07Pull for Source Changes
- 37:24Teragraph Configuration File
- 42:17Build Configuration
related talks
27mAutomate React Site Deployments from GitHub to
19mReact, Serverless, Terraform: The Dream Team for Fullstack Wizards
26mBuild, deploy, and host performant server-side apps
30mBuilding a Private React Component Gallery
23mReact & the JAMstack
26mCase Study - React Finland
08mBuild and deploy Node.js and React apps with Visual Studio Code, Azure App Service and Cosmos DB
01h 22mBuilding Cloud Native Web Applications with React and AWS Amplify