Hosting a Static Website on AWS using S3 and CloudFront – Step by Step Guide.

🔍 Introduction

When I first wanted to host a simple static website, I realized AWS offers a powerful yet cost-effective solution using S3 + CloudFront.
In this blog, I’ll show you exactly how I set up my first AWS project, step by step.

🏗 Architecture Diagram

• S3 → stores website files.

• CloudFront → delivers content globally via CDN.

⚙️ Step-by-Step Implementation

1. Create an S3 Bucket

• Open S3 console

• Create bucket → mywebsite-bucket

• Enable static website hosting

2. Upload Website Files

• Upload your index.html and any assets

• Set correct permissions (use bucket policy for public read)

3. Add CloudFront

• Go to CloudFront → Create distribution

• Origin = your S3 bucket

• Enable caching & HTTPS

4. (Optional) Use Route 53 for Domain

• Buy or connect your domain

• Point DNS to CloudFront distribution

🔐 Security & Best Practices

• Avoid making S3 bucket fully public – use CloudFront for access

• Enable HTTPS (TLS certificate via ACM)

• Monitor usage in CloudWatch

🚀 Final Output

✅ Conclusion

Hosting a static website on AWS is simple once you understand the flow. With just S3 + CloudFront, you can make your project available to the world at very low cost.