In this video, you'll learn how to build a fully automated CI/CD pipeline using AWS CodePipeline, CodeBuild, and Amazon S3 to deploy a React.js application hosted on GitHub. Say goodbye to manual deployments. Every time you push to your repo, your app will automatically build and deploy to a static website on S3!
?️ Tech Stack:
- React.js (frontend)
- GitHub (source control)
- AWS S3 (static website hosting)
- AWS CodeBuild (build tool)
- AWS CodePipeline (CI/CD automation)
? How it Works:
1. Push code to the `main` branch on GitHub.
2. AWS CodePipeline detects the change.
3. AWS CodeBuild installs dependencies and builds the React app.
4. The build output is deployed to the S3 bucket.
5. S3 serves the app as a public static website.
? GitHub Repository (give it a star ⭐): https://github.com/julien-muke/aws-codepipeline-react-s3
? React.js App Source Code: https://github.com/julien-muke/saas-landing-page
? Don’t forget to Like, Subscribe, and hit the ? bell icon so you never miss a cloud tutorial!
Follow me on:
? Medium: https://medium.com/@julien.muke
? LinkedIn: https://www.linkedin.com/in/julien-muke/
? GitHub: https://github.com/julien-muke
⏱️TIMESTAMPS⏱️
00:00 - Intro
01:46 - Set up your React.js App on GitHub
02:27 - Create S3 Bucket for Hosting
03:05 - How to Create a CodePipeline on AWS
04:47 - How to Create a CodeBuild Project
12:41 - Test the Pipeline
#aws #devops #cicd #amazons3 #github #awsdevops #staticwebsite #frontenddeveloper #webdevelopment #reactjs #cloudcomputing