https://github.com/tigerneerpro/aws-static-site-tigerneer

A real-world AWS static website deployment project using S3, CloudFront, ACM, and custom domain via Namecheap.
https://github.com/tigerneerpro/aws-static-site-tigerneer

acm aws cloud-engineer cloudfront https namecheap portfolio resume-project s3 static-website

Last synced: about 1 month ago
JSON representation

A real-world AWS static website deployment project using S3, CloudFront, ACM, and custom domain via Namecheap.

• Host: GitHub
• URL: https://github.com/tigerneerpro/aws-static-site-tigerneer
• Owner: TigerneerPro
• License: mit
• Created: 2025-04-07T03:55:59.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2025-04-07T04:59:29.000Z (about 1 month ago)
• Last Synced: 2025-04-12T20:54:02.679Z (about 1 month ago)
• Topics: acm, aws, cloud-engineer, cloudfront, https, namecheap, portfolio, resume-project, s3, static-website
• Homepage:
• Size: 1.07 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AWS Static Website Deployment — tigerneer.com

![AWS](https://img.shields.io/badge/AWS-Static%20Site-orange?logo=amazon-aws)

![S3](https://img.shields.io/badge/S3-CloudFront-orange)

![license](https://img.shields.io/badge/license-MIT-green)

![status](https://img.shields.io/badge/Deployed-Live-brightgreen)

![type](https://img.shields.io/badge/Type-Static%20Website-blue)

![project](https://img.shields.io/badge/Project-Cloud%20Resume-red)

![portfolio](https://img.shields.io/badge/Portfolio-Personal-blueviolet)

This project demonstrates how to deploy a **fully functional static website** using:

- **Amazon S3** (Static website hosting)

- **Amazon CloudFront** (Global CDN)

- **AWS ACM** (SSL Certificate for HTTPS)

- **Custom Domain** via **Namecheap DNS**

👉 Live site: [https://www.tigerneer.com](https://www.tigerneer.com)

---

## 📸 Screenshots

| Homepage (Live Site) | CloudFront Distribution | SSL Certificate (ACM) |

|----------------------|-------------------------|------------------------|

| ![](./screenshots/01-homepage.png) | ![](./screenshots/02-cloudfront-config.png) | ![](./screenshots/03-acm-certificate.png) |

| S3 Static Hosting | S3 Bucket Policy | Namecheap DNS |

|------------------|------------------|---------------|

| ![](./screenshots/04-s3-static-hosting.png) | ![](./screenshots/05-s3-permissions-policy.png) | ![](./screenshots/06-namecheap-dns-records.png) |

---

## 🧰 Technologies Used

- **Amazon S3** — For static file hosting

- **Amazon CloudFront** — For fast and secure global delivery

- **ACM (AWS Certificate Manager)** — For HTTPS using a free SSL certificate

- **Namecheap** — For domain registration and DNS management

---

## 🚀 Deployment Steps

1. 🗂 Create and upload a static website to **S3**

2. 🔓 Configure bucket policy to allow CloudFront access

3. 🛡 Issue SSL certificate via **ACM** and validate with CNAMEs in Namecheap

4. 🌐 Create **CloudFront distribution** with custom domain and HTTPS

5. 🌍 Point Namecheap DNS to CloudFront (CNAME `@` and `www`)

6. ✅ Test live website and secure HTTPS

---

## 💡 Key Learnings

- Hands-on with AWS services used in real production systems

- End-to-end static site deployment process with HTTPS and domain

- DNS management via external registrar and integration with AWS

---

## 📁 Folder Structure

tigerneer-aws-static-website/

├── README.md

└── screenshots/

    ├── 01-homepage.png

    ├── 02-cloudfront-config.png

    ├── 03-acm-certificate.png

    ├── 04-s3-static-hosting.png

    ├── 05-s3-permissions-policy.png

    └── 06-namecheap-dns-records.png

---

## 🧑‍💻 Author

**Tigerneer**  

Aspiring Cloud Engineer | AWS Certified  

📫 [Visit my GitHub](https://github.com/TigerneerPro)