🚀 Static Website Deployment with S3 + GitHub CI/CD

📌 Project Overview

This project demonstrates how to deploy a static website on Amazon S3 and automate deployments using a CI/CD pipeline connected to GitHub via AWS CodePipeline.

Any code change pushed to the GitHub repository automatically triggers the pipeline and updates the live website.

This project focuses on cloud fundamentals, CI/CD concepts, and AWS integration.

---

🛠️ Technologies Used

Amazon S3 – Static website hosting

AWS CodePipeline – CI/CD automation

GitHub – Source code repository

HTML / CSS – Static website content

---

🧩 Architecture Overview

GitHub Repository

    ↓

AWS CodePipeline

    ↓

Amazon S3 (Static Website Hosting)

⚙️ Implementation Steps

1️⃣ Create and Configure S3 Bucket

Created an S3 bucket

Enabled Static Website Hosting

Configured bucket permissions for public access

Verified website using S3 website endpoint

2️⃣ Set Up AWS CodePipeline

Created a new pipeline

Selected GitHub as the source provider

Connected repository and branch

Configured the deployment stage to upload files to S3

3️⃣ Connect GitHub to CodePipeline

Authorized AWS to access the GitHub repository

Selected repository and branch for automatic triggers

4️⃣ Monitor Pipeline Execution

Observed source and deploy stages

Verified successful pipeline execution

5️⃣ Test Static Website

Accessed website using S3 website endpoint

Verified content loads correctly in browser

6️⃣ CI/CD in Action

Made a code change in GitHub (index.html)

Committed and pushed changes

CodePipeline triggered automatically

Website updated without manual deployment

🎥 Demo

⚠️ Known Limitation

S3 static website hosting uses HTTP only

Some apps (e.g., WhatsApp) block non-HTTPS links

This can be resolved by adding AWS CloudFront for HTTPS support (not implemented in this project)