Host a Static Website on AWS S3
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