How to Host a Static Website on AWS S3 (Step-by-Step Guide)
π Introduction
If youβve built a static website using HTML, CSS, and images, the next step is getting it online. One of the simplest and most cost-effective ways is to use Amazon S3 (Simple Storage Service).
With just a few clicks, you can deploy your static site and make it accessible to the world β no servers required!
Letβs go step by step.
π Step 1: Prepare Your Files
Make sure your project folder contains all necessary files, such as:
index.htmlstyle.css- Any images or assets
π Keep them organized in a single folder before uploading.
π§© Step 2: Create an S3 Bucket
- Log in to AWS Management Console β S3
- Click Create bucket
- Enter a unique bucket name (example:
portfolio-website) - Uncheck Block all public access if you want your site to be public
- Click Create bucket
βοΈ Step 3: Configure Bucket for Static Website Hosting
- Open your newly created bucket
- Go to the Properties tab
- Scroll to Static website hosting β Edit
Enable it and set:
- Index document β
index.html - Error document β
404.html(optional)
- Index document β
- Save changes
π Step 4: Make Files Public
There are two ways to allow public access:
Option 1: Manually
- Select all objects β Click Actions β Make public
Option 2: Bucket Policy (Recommended)
- Go to Permissions β Bucket Policy
- Paste the following JSON (replace
YOUR_BUCKET_NAME):
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::YOUR_BUCKET_NAME/*"
}
]
}
- Save changes
π€ Step 5: Upload Your Files
- Go to the Objects tab
- Click Upload β Add files
- Select all your project files (
index.html,style.css, images, etc.) - Click Upload
π Step 6: Access Your App
- Open the Properties tab of your bucket
- Scroll to Static website hosting
- Copy the Bucket website endpoint URL
- Paste it into your browser β your site is live π
π― Conclusion
Hosting a static website on AWS S3 is one of the fastest ways to make your portfolio, landing page, or small project available online.
Itβs cost-efficient, secure, and scalable β making it perfect for developers of all levels.
β Next Steps
π Be interview-ready in the era of AI & Cloud β start your DevOps journey today!
π‘ YouTube wonβt get you a job. Real projects + real internship certificate will.
π₯ AI is reshaping jobs. Donβt watch it happen, be part of it with DevOps & Cloud skills.
π― βΉ2000/month today = Dream job tomorrow. Secure your spot now.
β³ Every month you wait, Cloud + AI jobs are being filled. Donβt miss out!
π DevOps + AWS + AI = The skillset every recruiter is hunting for in 2025.
π Register now at TechEazy Consulting