๐ 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.html
style.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)- 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
Top comments (0)