Deploy An App Using AWS Amplify and Github
Welcome to Day 5 of the AWS Builder Challenge!
Yesterday, we deployed your website globally using CloudFront + S3. 🎉
Today, we take a big step forward into the professional developer workflow:
Store your code in GitHub 🐙
Deploy automatically with AWS Amplify ⚡
Clean up the old manual setup 🧹
By the end of today, you’ll have a setup that updates your website every time you change your code, just like the pros. 💻
Step 1: Understand Git + GitHub 🤔
🔹 Git = tracks every change to your files (version control)
🔹 GitHub = cloud storage for your Git repositories + collaboration + portfolio
Why this matters:
No more manual uploads to S3
No more cache invalidations
A complete history of your project
Automatic deployments when connected to Amplify
📸 [Insert Screenshot: GitHub homepage or repo creation page]
Step 2: Create Your GitHub Account + Repository 🐙
Go to github.com → Sign up (choose a professional username).
Create a new repository:
Name: my-builder-challenge-website
Add README ✅
Upload your website files (index.html, style.css, profile photo).
Commit with a clear message: "Add initial website files".
📸 [Insert Screenshot: GitHub repo with uploaded files]
Step 3: Deploy with AWS Amplify 🚀
Amplify = CloudFront + S3 done automatically.
In AWS Console → search Amplify → Deploy app.
Select GitHub → Authorize Amplify.
Choose your repo → select main branch.
Name app → accept defaults → Deploy.
Amplify sets up:
✅ Global CDN (CloudFront)
✅ Secure hosting (HTTPS by default)
✅ Automatic builds & updates
📸 [Insert Screenshot: Amplify deployment dashboard]
Step 4: Test Automatic Deployments 🔄
Edit index.html in GitHub → change a fun fact or emoji.
Commit → Amplify automatically detects the change.
Wait 1–2 min → refresh Amplify URL → 🎉 updated live!
📸 [Insert Screenshot: Amplify build in progress]
Step 5: Clean Up Manual Setup 🧹
To avoid costs & confusion:
Disable + delete old CloudFront distribution
Empty or delete old S3 bucket
📸 [Insert Screenshot: Deleting CloudFront distribution]
✅ Checklist
Create GitHub repo
Upload website files
Deploy with Amplify
Test auto-deployment
Clean up old setup
🎥 [Embed YouTube video placeholder: “GitHub + Amplify Workflow Tutorial”]
🎉 Congratulations!
You now have a professional-grade deployment pipeline:
GitHub stores your code
Amplify deploys automatically
Your website is fast, global, and secure
This is the same workflow used by modern dev teams worldwide. 🌍
🔗 LinkedIn Post to Promote the Blog
🚀 Day 5 of my AWS Builder Challenge: Professional Deployment
Yesterday, my website was running globally with CloudFront + S3.
Today, I leveled up to a developer-grade workflow:
✅ Code stored in GitHub (with full history)
✅ Automatic deployment via AWS Amplify
✅ HTTPS + CDN out of the box
✅ Old CloudFront + S3 setup cleaned up
Now, every time I update my code in GitHub → Amplify redeploys my website within minutes. No more manual uploads, no cache invalidations. Just smooth, modern web development. 💻
This workflow isn’t just about convenience — it’s the professional standard. Whether you’re solo or part of a team, GitHub + Amplify makes sure your site is always up-to-date, secure, and global. 🌍
📝 I wrote a step-by-step blog for cloud enthusiasts:
👉 [Insert Blog Link]
🎥 Video walkthrough coming soon!
#AWS #Amplify #GitHub #WebDevelopment #AWSBuilderChallenge