Host a Static Website on AWS S3

Nipun Parekh
3 min readApr 8, 2021
resource: https://miro.medium.com/max/1280/0*8ZerivEoeXlXVbO4.jpeg

Let’s get started!

Step-1: Login into AWS Management Console using this link:https://aws.amazon.com/console/

In the console, you will get a search bar in that type S3 and you will get this kind of result 👇 and open S3

Now click on create a bucket and create a bucket.

Give a bucket name and uncheck this block public access. as showing below 👇

Keep all setting as it is and click on create a bucket.

Now, you can able to watch that bucket on your S3 dashboard.

Go to that bucket and go to the properties option.

At last in properties, you will find a static website hosting option

Click on the Edit button.

You will get this kind of window, and select enable option.

when you select Enable option you will give this kind of option. and give the name of your website pages.

index page -> give the name of the file which you want to show first when the user will access your site

Error Page-> give the name of that file when some error occur at that we can show that page.

In my case, I have given the index.html and error.html pages.

Click on save changes

Now go to permission and put this in bucket policy to make all things public.

{
“Version”: “2012–10–17”,
“Statement”: [
{
“Sid”: “PublicReadGetObject”,
“Effect”: “Allow”,
“Principal”: “*”,
“Action”: “s3:GetObject”,
“Resource”: “arn:aws:s3:::staticwebsiteblog/*”
}
]
}

Now come to the object option and upload your website's files.

Once you upload all files then back to properties in the static website hosting option you will get your link.

🎉🎊we have hosted our static website in AWS S3.🎇⚡🎉

Here I am sharing with you my static website link

Link: http://staticwebsiteblog.s3-website.ap-south-1.amazonaws.com

Video tutorial link: https://youtu.be/PHn8jxnHVcw

If you have any query fill free to ask at nipun.parekh7@gmail.com

--

--