DEV Community

Elmaur Dehni Namata
Elmaur Dehni Namata

Posted on

I Built my First static website using Amazon S3 and infinityfree.

Hi Devs.
I built this project because I wanted a simple way to keep all my images and files in one place, without relying on third-party platforms. I also wanted to understand how static websites actually work, how to host them, connect a domain, and make them live. Using Amazon S3 gave me hands-on experience with real tools, and now I can use what I’ve learned for future projects, portfolios, or sharing resources online.

I recently built my first static website using Amazon S3 and connected it to a free domain from InfinityFree all without spending a penny. If you're looking to host a simple HTML site and make it live globally, this guide is for you.

I will walk you through on what services I used and how I did it.

Tools and Services Used.

-Amazon S3
-Infinityfree
-HTML

STEP 1

Create my own website

You can edit this on either Notepad or on VS code known as visual studio code and I made some changes. Here you can edit and type whatever you wanted.

Save it as index.html

STEP 2

Hosting the Website on Amazon S3.

-Go to AWS Console

-Search for S3 and click Create Bucket.

-Name it (e.g., mycoolsite) or any Name of your choice.

-Uncheck Block all public access.

-Upload your index.html file.


save as index.html

-Go to Properties > Static Website Hosting.

Enable it.
Click create.

What this does it I created an Amazon S3 bucket in AWS management console and upload my website in the bucket I created which is saved as index.html.

STEP 3

** Get a free Domain from infinityfree.

This offer a free domain name.

-Go to InfinityFree (Any browser of your choice).

-Sign up and create a free hosting account

-Choose a free subdomain (e.g., yourname.infinityfreeapp.com)

-Wait for it to become Active (check in your dashboard

Done! Your Website Is Live.

https://elmaurprojectsite.s3.eu-west-2.amazonaws.com/index.html

A static website hosted on Amazon S3

A free domain from InfinityFree.

Top comments (1)

Collapse
 
bongoe profile image
Endah Bongo-Awah

What can I use such a website for? Knowing how to build free cool stuff is great