Connect Domain To Static Website Hosted On S3 Using Route 53 | Route 53 Domain Setup

In this video, we’ll guide you through the process of connecting a domain registered in AWS Route 53 to a static website hosted on Amazon S3. We’ll cover the complete setup, including configuring your S3 bucket for website hosting, setting up Route 53 with the correct DNS records, and ensuring your website is accessible via your custom domain. By the end of this tutorial, you’ll have a fully functional static website accessible through your own domain name.

Here’s a step-by-step guide to connect a domain to a static website hosted on Amazon S3 using Route 53, ACM, CloudFront, and an A record:

Step 1: Create and Configure an S3 Bucket for Static Website Hosting

1. Create an S3 Bucket:
• Go to the S3 console.
• Create a new bucket with a name that matches your domain (e.g., www.example.com).
• Disable “Block all public access” to allow public access to your website.

2. Enable Static Website Hosting:
• Open the bucket you created.
• Go to the Properties tab and click on Static website hosting.
• Choose Use this bucket to host a website.
• Enter the index document (e.g., index.html) and error document (optional).
• Note the Endpoint provided (e.g., http://www.example.com.s3-website-us-...).

Step 2: Request an SSL Certificate using AWS Certificate Manager (ACM)

1. Request a Certificate:
• Go to the ACM console.
• Request a public certificate.
• Enter your domain name (e.g., www.example.com). Include both example.com and www.example.com if needed.
• Choose DNS validation for automatic setup with Route 53.
• ACM will automatically create CNAME records in Route 53 for validation. Ensure they are successfully validated.

Step 3: Set Up CloudFront Distribution

1. Create a CloudFront Distribution:
• Go to the CloudFront console.
• Click on Create Distribution.
• Under Origin Domain Name, choose your S3 bucket (not the website endpoint).
• For Viewer Protocol Policy, select Redirect HTTP to HTTPS.
• Under Alternate Domain Names (CNAMEs), add your domain name (e.g., www.example.com).
• Choose the ACM certificate you created earlier for SSL Certificate.
• Click Create Distribution and note the CloudFront Distribution Domain Name.

Step 4: Configure Route 53 with an A Record

1. Set Up Hosted Zone in Route 53:
• Go to the Route 53 console.
• Click on Hosted Zones and select the hosted zone that matches your domain name.
2. Create an A Record for Your Domain:
• Click on Create Record.
• Choose Simple routing.
• Select A - IPv4 address and check the box for Alias.
• Under Alias Target, choose the CloudFront distribution created earlier.
• If you have a root domain (e.g., example.com), create another A record for it, pointing to the same CloudFront distribution.

Step 5: Test Your Setup

• Wait for the DNS changes to propagate (this can take a few minutes).
• Visit your domain (e.g., www.example.com) in a web browser. It should now serve your static website over HTTPS.

Host Static Website On AWS S3:    • Host Static Website On S3 | Hosting W...  

If you have any questions then please feel free to comment.

Hashtags:

#AWS #Route53 #S3 #StaticWebsite #DomainSetup #CloudHosting #WebHosting #DNS #AmazonWebServices #TechTutorial #DevOps #CloudComputing