Host a Static Website with S3 Bucket

Introduction:

A static website consists of web pages with fixed content that does not change based on user interactions or input.

Static websites are built with HTML, CSS, and JavaScript files. These files contain the structure, styling, and interactivity of the web pages. Content on static websites is typically pre-defined and doesn’t change frequently.

Since static websites consist of simple files, they are easy to deploy. You can host them on various platforms, including web servers, content delivery networks (CDNs), or cloud storage services like Amazon S3.

Amazon Simple Storage Service (Amazon S3) is an object storage service provides performance, security, and scalability that are unmatched in the market.

Using Amazon S3 (Simple Storage Service) to host a website offers several advantages:

• Scalability: S3 is highly scalable, capable of handling traffic spikes without any manual intervention. It can serve a virtually unlimited number of requests per second.
• Cost-effective: S3 offers a pay-as-you-go pricing model, meaning you only pay for the storage and bandwidth you use. For low to moderate traffic websites, the cost can be significantly lower compared to traditional web hosting services.
• Reliability: Amazon S3 is designed for durability and availability. It stores multiple copies of your data across multiple servers and data centers, ensuring high availability and durability.
• Performance: S3 is optimized for serving static content like HTML, CSS, JavaScript, images, and videos quickly and efficiently. Amazon’s global network of edge locations also helps in delivering content to users with low latency.
• Security: S3 provides various security features such as access control lists (ACLs), bucket policies, and integration with AWS Identity and Access Management (IAM). You can control who can access your website content and how they can access it.
• Ease of use: Setting up a website on S3 is relatively simple and can be done through the AWS Management Console or programmatically via APIs. You don’t need to worry about managing servers, scaling infrastructure, or dealing with complex configurations.
• Content distribution: You can easily integrate Amazon CloudFront, AWS’s content delivery network (CDN), with your S3 bucket to distribute your website content globally, improving performance for users across the world.

Architecture:

Steps:

1. Create S3 Bucket:

a. Navigate to S3 console.

b. Click on Create Bucket. Create Bucket with Unique name(S3 is Global service )

c. Enter Bucket Name as nivas-cloud-devops

d. In Object Ownership, Select ACLs enabled.

e. Disable Block all public access and Click on Create bucket.

Bucket created..

2. Enable Static Website:

a. In Properties tab -> Static website hosting, Click on Edit.

b. Enable Static website hosting and Select Host type as “Host a static website”, Index document as “index.html” and Click on Save Changes.

3. Upload the file:

a. In objects tab, Click on Upload.

b. Click on Add files and add required Html files and Click on Upload.

4. Make Object Public:

a. In Objects tab, Select the files and Click on Actions.

b. Select “Make public using ACL” and Click on Make public.

5. Output:

a. Click on Index.html file.

b. In Properties tab, we can see object Url.

c. We can access website using that object URL from browser.

Output : Static Hosting

Conclusion:

AWS S3 static website hosting is a productive and affordable option for both individuals and enterprises. You may quickly and simply set up your own static website by following the step-by-step instructions in this AWS S3 website hosting tutorial.

Hope it helps..!

Thank you for reading so far! Before you go:

• 👏 Clap for the story if it helped :)
• 📰 View more content from me https://medium.com/@clouddevsecops