Hosting a static website on AWS S3 (Simple Storage Service) is a popular and cost-effective solution. Here’s a step-by-step guide to hosting a static website on AWS S3:
Register a Domain, in my case it’s a Hostinger:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653430127/dc81f7a2-65df-4514-8ec7-6d84197cefd2.png)
Create a sample file for the static website in Notepad and save it as an index.html:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653597732/1772cff4-88ea-4167-8f96-17c93a3ea1b0.png)
Login into your AWS account, and configure your S3 Bucket:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653682412/af1aa2e9-6e24-4388-bd4a-78d616bb6e1b.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653733502/8261bf90-6c56-4a5d-a799-c6e15b155531.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653790450/1558912c-e31d-40fd-9d43-f3273c5f8822.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653817005/30de4c29-692f-4d09-8aaf-2ee0f0d61a2c.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653857618/7b1b0107-307d-4afd-a073-b3e0fa5f8959.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684653960218/2d5cbe50-7876-4e34-affe-919be0010069.png)
Upload the index.html file:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684654059354/71ea1b4c-e609-4faa-acde-e81f9a673c45.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684654100745/f2869c71-a82a-4034-a22c-ec519e2fc03f.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684654135281/e24e4a20-cebb-4796-b37f-2ffe92a286ef.png)
Edit index.html Permissions:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655406890/fa5ec0de-cd4b-49e2-8f3e-03be677deef8.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655460699/d844e008-9ecd-438c-bc2d-332843422f86.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655491510/85583fe7-ff12-499d-a96c-20dc62764c25.png)
Enable Static Web Site Option:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655604851/0b5f5bd8-37b1-4306-a753-916aa1aecf1a.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655632969/86ee2c41-2873-4bac-9025-313ed36e90ca.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655682004/e1165026-ed6e-4716-9305-5130928075aa.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684658644014/323e83ef-1b1e-45de-bfde-5abade96ad2d.png)
Configure Bucket Policy Permissions:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655716108/fee053fc-a91a-4e4c-90e4-c2ff18b1ffb0.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684655803233/80f13b8f-46f7-497c-9bdc-30b34b9e0007.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684659344857/0196e20c-7cda-4cb7-8bc6-5950d39b6e0d.png)
Configure Route53:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656137608/83d1da00-afc5-441d-925a-410cd4c632a5.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656184825/a3b6d5fa-980a-43b3-a48c-9a91d95a60c9.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656222742/7e8343cd-7150-44a0-961b-2b686ef514cd.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656321795/8d4b8c45-b348-4873-a143-713322089d30.png)
Configure name server in Hostinger:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656366429/9dd1b8c2-3647-49be-a0b3-0837e48144f9.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656387838/f75c9a12-a9a6-44c9-b298-af8f091a10b7.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656409184/ea53c177-20c5-4c84-950c-f0ba70f67a9c.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656466166/df398d37-8629-4cb0-827b-cb1a4d9b652b.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656489519/6244039a-2e49-47a9-ab0c-e8d185fc6907.png)
Create Record Set:
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684656669856/52ed9f1b-2cab-4c49-9cdc-2f6e54f134b8.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684658463809/f0a97f52-61b6-43a0-9c1a-596ee8fb406d.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684658400873/88590288-1862-4a23-8413-d1b9a8c59bbb.png)
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1684659249756/99119fbb-22c6-4216-b825-63887161ddb5.png)
End Of Lab: Good Luck!!!
No comments:
Post a Comment