Leverage the Power of Amazon: Hosting a Website with Route 53, CloudFront, and S3
Tags: aws, s3, route53, cloud
Published: 2023-10-13 09:52:42

With the advent of cloud technologies🌩️, the process has become more streamlined and efficient 🛰️. In this article, we'll explore my experience using Route 53, CloudFront, S3, and 000webhost to host a website. I will also share the challenges I encountered and how I overcame them along the way.
To begin, let's briefly go over the technologies involved in hosting our website:
📲 **Route 53:** Amazon Route 53 is a scalable domain name system (DNS) web service that provides reliable and cost-effective domain registration and routing.
📲 **CloudFront:** Amazon CloudFront is a content delivery network (CDN) that securely delivers data, videos, applications, and APIs to viewers with low latency and high transfer speeds.
📲**S3:** Amazon S3 (Simple Storage Service) is an object storage service that offers industry-leading scalability, data availability, security, and performance.
📲**000webhost:** 000webhost is a free hosting platform that provides users with an easy-to-use interface and free domain name hosting.

**Prerequisites:**

Before getting started, there are a few things you need to have:

🗝️**An AWS account:** If you don't have one already, you can register for an account [here](https://portal.aws.amazon.com/billing/signup?nc2=h_ct&src=header_signup&redirect_url=https%3A%2F%2Faws.amazon.com%2Fregistration-confirmation#/start/email).

🗝️**Custom domain name:** You'll need a custom domain name for your website like e-buy250.000webhostapp.com.You can register a custom domain name on Amazon Route53 or obtain one from a service like 000webhost [here](https://www.000webhost.com/).

🗝️**Website files (HTML):** Ensure you have your website files ready. If you don't have any, you can find a variety of examples
[here](https://themewagon.com/theme-price/free/).

🛸**Setup S3**

For this project, we'll set up an S3 Bucket, specifically one for **e-buy250.000webhostapp.com**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y07b2dgwflr4nmkfb5lo.png)
✔️Uncheck "block all public access"

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzcwh89r9teqtkwk83pn.png)

🌍**Uploading To The S3 Bucket**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tmd8r8mw242vkktaklq7.png)
💫**Allowing Public access**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/24w7dvdwufe0nqripsgb.png)

✔️**Enable static hosting**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6m0gasib0j300s5n163w.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bfzuvb4fddh7m669va7n.png)

🕹️**SETUP ROUTE 53**

🔗To link the site to the domain, we will use Route53; now, search for Route53 and click on it.
 ✏️_**create hosted zone**_
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8rkeofeff5uap6u8z8qy.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5vd4e3foceyb1hx9g27h.png)
**Integrating 000webhost for domain name hosting**

🎡_copy the name servers to my domain name registrar name server_

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgpiev0tsivnx8zdwf6g.png)

🔗To link S3 bucket to **route 53**,click on **"create records in route53"**.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/85jhhepp3isy3puodwrh.png)
 **Create Distribution**

☁️_**Go to CloudFront**_


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69zvndui019vpfwgoi2l.png)

➡️In the "Origin Settings" section, select "S3 Bucket" as the origin type.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qgz0vslq6a27bds3s85c.png)

♻️To link CloudFront with route 53 go to the hosted zone and create a new record set.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12xrs7zrfjzqur9nmca7.png)

💥 Now the website is hosted on AWS 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2j7u3bds0b7ulzq0mtkq.png)


**Conclusion:**

Hosting a website using Route 53, CloudFront, S3, and 000webhost may seem daunting at first, but with careful planning and perseverance, it can be a rewarding experience. By overcoming the challenges of configuring DNS settings, configuring S3 buckets, and integrating domain name hosting, I was able to successfully host my website.

Remember, the key to overcoming these challenges is to utilize extensive documentation, seek assistance from online communities, and have patience throughout the process. With the right approach, you can create a beautiful and powerful website that is accessible to users worldwide.

_So, why wait? Dive into the world of cloud hosting and unleash the full potential of your website!_ 🥂