AWS Hands-On | S3 Introduction | S3 Static Web Site
📌 Notice
AWS Hands-On | S3 Introduction | S3 Static Web Site
📌 Notice
This is a hands-on tutorial accompanying the blog post:
🔹 Focus: Practical implementation of Amazon S3. 🔹 For theoretical concepts and exam-style questions, please refer to the main blog post (link to parent blog).
This guide walks you through enabling static website hosting on an S3 bucket and making files publicly accessible.
Prerequisites
✔ An AWS S3 bucket with public access enabled (via bucket policy) — Hands-On.
✔ At least one image file uploaded.
✔ An **index.html** file (homepage for your website).
Step 1: Upload Required Files
- Go to your S3 bucket in the AWS Console.
- Click Upload → Add files (
image.jpg,index.html). - Click Upload and confirm files appear in the bucket.
- Example
index.html(basic HTML file):
<!DOCTYPE html>
<html>
<body>
<h1>I love coffee!</h1>
<p>Hello world!</p>
<img src="coffee.jpg" width="300">
</body>
</html>
Step 2: Enable Static Website Hosting
- Go to the Properties tab of your bucket.
- Scroll down to Static website hosting → Click Edit.
- Select:
- Enable static website hosting.
- Hosting type: “Host a static website”.
- Index document:
index.html(this is your homepage). - (Optional) Error document:
error.html(if you have one).
- Click Save changes.
⚠ Warning:
AWS will remind you that objects must be publicly readable (ensure your bucket policy allows
s3:GetObject).
Step 3: Access Your Website
- Go back to Properties → Static website hosting.
- Copy the Bucket website endpoint (e.g.,
[http://your-bucket.s3-website-us-east-1.amazonaws.com).](http://your-bucket.s3-website-us-east-1.amazonaws.com).) - Open the URL in a browser.
- You should see your
index.htmlpage. - Click on image links (e.g.,
coffee.jpg,beach.jpg) to verify they load.
http://issack-demo-s3-v1.s3-website-ap-southeast-1.amazonaws.com
- Hope you enjoyed It..
To stay informed on the latest technical insights and tutorials, connect with me on Medium and LinkedIn. For professional inquiries or technical discussions, please contact me via email. I welcome the opportunity to engage with fellow professionals and address any questions you may have.
메타데이터
- post_id
- 6feba4e23a23
- slug
- aws-hands-on-s3-introduction-s3-static-web-site-6feba4e23a23
- url
- https://medium.com/@issackpaul95/aws-hands-on-s3-introduction-s3-static-web-site-6feba4e23a23
- canonical_url
- https://medium.com/@issackpaul95/aws-hands-on-s3-introduction-s3-static-web-site-6feba4e23a23
- author_url
- https://medium.com/@issackpaul95
- status
- ok
- fetched_at
- 2026-08-10 21:35:31
