🌐 Host a Static Website on Amazon S3

This project demonstrates how to host a static website on Amazon S3, covering setup, file upload, permissions, and public access.

Author: Rebik Man Organization: NextWork Community: NextWork Forum

---

📌 Project Overview

In this project, I learned how to:

• Set up an S3 bucket
• Upload website files
• Enable static website hosting
• Handle access permissions and errors

⏱️ Total time taken: ~45 minutes ⚠️ Biggest challenge: Dealing with the 403 Forbidden error due to permission issues 🎉 Highlight: Seeing my website live on the internet

---

🧰 Tools & Concepts

• Amazon S3: Used to store and host website files

• Static Website Hosting: Feature within S3 to serve HTML content

• ACL (Access Control List): Used to manage file permissions

• Files Used:

  • index.html: Website structure
  • assets.zip: Images and additional resources

---

🪣 Step-by-Step Guide

1. Create an S3 Bucket

• Took about 3–4 minutes as a beginner
• Region Selected: eu-north-1 (cost-effective and privacy-friendly)
• Important: Bucket names must be globally unique

2. Upload Website Files

• Uploaded:

  • index.html
  • assets.zip (contains images and other supporting files)

3. Enable Static Website Hosting

• Go to the bucket's Properties
• Enable Static website hosting
• Note the Bucket Endpoint provided (this will be your live site URL)

4. Set Permissions Using ACL

• Initially, accessing the site gave a 403 Forbidden error

• The fix:

  • Change object permissions to public
  • Use ACL settings to allow read access for everyone

---

🔗 Website Link

Once configured correctly, your website will be available at the bucket endpoint URL provided by S3.

---

✅ Conclusion

By completing this project, I gained hands-on experience with:

• S3 bucket configuration
• File upload
• Public access control
• Troubleshooting access errors

Visit nextwork.org to learn more and showcase your own projects!

---