AWS S3 & CloudFront

Serverless Portfolio

Project Overview

Developed a serverless portfolio website hosted on AWS S3, accelerated with CloudFront, automated via GitHub Actions CI/CD, and integrated with Route 53 for domain management. This project demonstrates my ability to handle real-world cloud deployments, automation, and troubleshooting.

Website Preparation & Local Testing

First, I developed and finalized the website locally, ensuring responsiveness and cross-browser compatibility. Once the code was ready, I prepared the build folder for deployment.

[Add screenshot of local website preview]

AWS S3 Upload & Configuration

I created an S3 bucket and uploaded the full website folder. Configured public access, bucket policies, and optional IAM policies to ensure proper access control.

[Add screenshot of S3 bucket & upload]

CloudFront Distribution

Configured a CloudFront distribution to serve content globally with low latency. Faced challenges like slow propagation and accidentally activating ACM billing ($5/month), which was later resolved with AWS support. Learned the importance of double-checking configurations before enabling services.

[Add screenshot of CloudFront dashboard]

Route 53 Domain Setup

Connected the domain to CloudFront via Route 53. Configured DNS records, handled propagation delays, and verified global availability.

[Add screenshot of Route 53 settings]

CI/CD Automation

Implemented GitHub Actions to automate deployments. Using three simple commands, any update in the repository triggers a pipeline that uploads the new build to S3 and refreshes CloudFront.

[Add screenshot of GitHub Actions workflow]

Challenges & Lessons Learned

  • DNS propagation delays caused temporary unavailability worldwide.
  • Accidental activation of ACM certificate billing — resolved by contacting AWS support.
  • Learned the importance of careful IAM policy configuration to avoid unnecessary exposure.
  • Gained experience with full serverless deployment workflow and automation pipelines.

Project Highlights & Skills Gained

  • Full serverless static site deployment using AWS S3 and CloudFront.
  • Domain management with Route 53.
  • Automated CI/CD deployment using GitHub Actions.
  • Hands-on experience with IAM policies, privacy settings, and troubleshooting AWS services.
  • Understanding of global content delivery, caching, and web optimization techniques.