🚀 Day 01 - Hosting a Static Website on AWS S3

---

What is a Static Website?

A static website is made up of HTML, CSS, and JavaScript files that don’t require a backend server. Perfect for:

• Portfolios

• Personal blogs

• Games (like mine )

• Product landing pages

---

Tools Used

• AWS S3 (Simple Storage Service)

• HTML/CSS/JS project

• Browser to test it live

---

Steps to Host on AWS S3

1️⃣ Create an S3 Bucket

• Go to the S3 Console

• Click Create Bucket

• Name it blogday-01 (or anything unique)

• Uncheck “Block all public access”

• Click Create

---

2️⃣ Upload Your Site Files

• Upload your index.html and any other files (style.css, script.js)

• Ensure file names match what you use in the HTML.

---

3️⃣ Enable Static Website Hosting

• Go to Properties → Static website hosting

• Enable it

• Set:

  • Index Document: index.html

  • (Optional) Error Document: error.html

• Save

---

4️⃣ Make Files Public

You’ll need to update permissions to make the content publicly accessible:

• Go to Permissions tab

• Scroll to Bucket Policy

• Add this policy (replace with your bucket name):

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::blogday-01/*"
    }
  ]
}

Final Output: