DEV Community

Cover image for Leverage the Power of Amazon: Hosting a Website with Route 53, CloudFront, and S3
achille250
achille250

Posted on

Leverage the Power of Amazon: Hosting a Website with Route 53, CloudFront, and S3

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.

🗝️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.

🗝️Website files (HTML): Ensure you have your website files ready. If you don't have any, you can find a variety of examples
here.

🛸Setup S3

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

Image description
✔️Uncheck "block all public access"

Image description

🌍Uploading To The S3 Bucket

Image description
💫Allowing Public access

Image description

✔️Enable static hosting

Image description

Image description

🕹️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
Image description
Integrating 000webhost for domain name hosting

🎡copy the name servers to my domain name registrar name server

Image description

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

Image description
Create Distribution

☁️Go to CloudFront

Image description

➡️In the "Origin Settings" section, select "S3 Bucket" as the origin type.
Image description

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

Image description

💥 Now the website is hosted on AWS

Image description

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! 🥂

Top comments (0)