<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: achille250</title>
    <description>The latest articles on Forem by achille250 (@achille250).</description>
    <link>https://forem.com/achille250</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1182507%2Ff5505ea4-a04d-4b59-a341-5340320af196.png</url>
      <title>Forem: achille250</title>
      <link>https://forem.com/achille250</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/achille250"/>
    <language>en</language>
    <item>
      <title>Leverage the Power of Amazon: Hosting a Website with Route 53, CloudFront, and S3</title>
      <dc:creator>achille250</dc:creator>
      <pubDate>Fri, 13 Oct 2023 09:52:42 +0000</pubDate>
      <link>https://forem.com/achille250/leverage-the-power-of-amazon-hosting-a-website-with-route-53-cloudfront-and-s3-4876</link>
      <guid>https://forem.com/achille250/leverage-the-power-of-amazon-hosting-a-website-with-route-53-cloudfront-and-s3-4876</guid>
      <description>&lt;p&gt;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.&lt;br&gt;
To begin, let's briefly go over the technologies involved in hosting our website:&lt;br&gt;
📲 &lt;strong&gt;Route 53:&lt;/strong&gt; Amazon Route 53 is a scalable domain name system (DNS) web service that provides reliable and cost-effective domain registration and routing.&lt;br&gt;
📲 &lt;strong&gt;CloudFront:&lt;/strong&gt; 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.&lt;br&gt;
📲&lt;strong&gt;S3:&lt;/strong&gt; Amazon S3 (Simple Storage Service) is an object storage service that offers industry-leading scalability, data availability, security, and performance.&lt;br&gt;
📲&lt;strong&gt;000webhost:&lt;/strong&gt; 000webhost is a free hosting platform that provides users with an easy-to-use interface and free domain name hosting.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Prerequisites:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Before getting started, there are a few things you need to have:&lt;/p&gt;

&lt;p&gt;🗝️&lt;strong&gt;An AWS account:&lt;/strong&gt; If you don't have one already, you can register for an account &lt;a href="https://portal.aws.amazon.com/billing/signup?nc2=h_ct&amp;amp;src=header_signup&amp;amp;redirect_url=https%3A%2F%2Faws.amazon.com%2Fregistration-confirmation#/start/email"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;🗝️&lt;strong&gt;Custom domain name:&lt;/strong&gt; 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 &lt;a href="https://www.000webhost.com/"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;🗝️&lt;strong&gt;Website files (HTML):&lt;/strong&gt; Ensure you have your website files ready. If you don't have any, you can find a variety of examples&lt;br&gt;
&lt;a href="https://themewagon.com/theme-price/free/"&gt;here&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;🛸&lt;strong&gt;Setup S3&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For this project, we'll set up an S3 Bucket, specifically one for &lt;strong&gt;e-buy250.000webhostapp.com&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Jl7KnHw1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y07b2dgwflr4nmkfb5lo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Jl7KnHw1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y07b2dgwflr4nmkfb5lo.png" alt="Image description" width="800" height="483"&gt;&lt;/a&gt;&lt;br&gt;
✔️Uncheck "block all public access"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--taizPwZX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzcwh89r9teqtkwk83pn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--taizPwZX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzcwh89r9teqtkwk83pn.png" alt="Image description" width="796" height="702"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🌍&lt;strong&gt;Uploading To The S3 Bucket&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AZpJk1GG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tmd8r8mw242vkktaklq7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AZpJk1GG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tmd8r8mw242vkktaklq7.png" alt="Image description" width="800" height="439"&gt;&lt;/a&gt;&lt;br&gt;
💫&lt;strong&gt;Allowing Public access&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CAulJ-h2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/24w7dvdwufe0nqripsgb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CAulJ-h2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/24w7dvdwufe0nqripsgb.png" alt="Image description" width="800" height="443"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;✔️&lt;strong&gt;Enable static hosting&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tnsDOtdc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6m0gasib0j300s5n163w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tnsDOtdc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6m0gasib0j300s5n163w.png" alt="Image description" width="799" height="525"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SwLa1Rn9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bfzuvb4fddh7m669va7n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SwLa1Rn9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bfzuvb4fddh7m669va7n.png" alt="Image description" width="800" height="575"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🕹️&lt;strong&gt;SETUP ROUTE 53&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🔗To link the site to the domain, we will use Route53; now, search for Route53 and click on it.&lt;br&gt;
 ✏️&lt;em&gt;&lt;strong&gt;create hosted zone&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WtSxZcEW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8rkeofeff5uap6u8z8qy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WtSxZcEW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8rkeofeff5uap6u8z8qy.png" alt="Image description" width="800" height="843"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vCzCZd-2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5vd4e3foceyb1hx9g27h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vCzCZd-2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5vd4e3foceyb1hx9g27h.png" alt="Image description" width="800" height="443"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Integrating 000webhost for domain name hosting&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🎡&lt;em&gt;copy the name servers to my domain name registrar name server&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WYNVRAY4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgpiev0tsivnx8zdwf6g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WYNVRAY4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgpiev0tsivnx8zdwf6g.png" alt="Image description" width="800" height="94"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🔗To link S3 bucket to &lt;strong&gt;route 53&lt;/strong&gt;,click on &lt;strong&gt;"create records in route53"&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qKqpN5WK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/85jhhepp3isy3puodwrh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qKqpN5WK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/85jhhepp3isy3puodwrh.png" alt="Image description" width="800" height="505"&gt;&lt;/a&gt;&lt;br&gt;
 &lt;strong&gt;Create Distribution&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;☁️&lt;em&gt;&lt;strong&gt;Go to CloudFront&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ackS_Lay--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69zvndui019vpfwgoi2l.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ackS_Lay--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69zvndui019vpfwgoi2l.png" alt="Image description" width="800" height="255"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;➡️In the "Origin Settings" section, select "S3 Bucket" as the origin type.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EU1jkNSB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qgz0vslq6a27bds3s85c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EU1jkNSB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qgz0vslq6a27bds3s85c.png" alt="Image description" width="800" height="743"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;♻️To link CloudFront with route 53 go to the hosted zone and create a new record set.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_seLnaUV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12xrs7zrfjzqur9nmca7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_seLnaUV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12xrs7zrfjzqur9nmca7.png" alt="Image description" width="800" height="63"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💥 Now the website is hosted on AWS &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Vg50Hb-w--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2j7u3bds0b7ulzq0mtkq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Vg50Hb-w--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2j7u3bds0b7ulzq0mtkq.png" alt="Image description" width="800" height="483"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Conclusion:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;So, why wait? Dive into the world of cloud hosting and unleash the full potential of your website!&lt;/em&gt; 🥂&lt;/p&gt;

</description>
      <category>aws</category>
      <category>s3</category>
      <category>route53</category>
      <category>cloud</category>
    </item>
  </channel>
</rss>
