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 (2)

Collapse
 
bongoe profile image
Endah Bongo-Awah

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

Collapse
 
elmaur1 profile image
Elmaur Dehni Namata

Thanks. You can use it to host images, share resources or create simple landing pages for free.