Setup Route 53 for Client App

akbarnafisa

Akbar Nafisa

Posted on January 11, 2024

Setup Route 53 for Client App

For this part, we will modify the URL from Cloudfront to our own domain. However, first, you need to have a domain. You can buy it from AWS Route 53 or other providers like Hostinger, GoDaddy, etc. In my case, I bought the domain outside AWS.

Create Hosted Zone

To add the domain to AWS, we need to create a new hosted zone in Route 53.

Image description

Then, you can add the domain name.

Image description

Finish by clicking the Create hosted zone button at the bottom of the page.

Image description

Modify Nameserver

If you bought the domain from a different provider, you need to change the nameservers to AWS. Retrieve the nameservers from the detailed hosted zone.

Image description

Then, update the nameservers with the domain provider in the settings page.

Image description

Create SSL/TLS for New Domain

For the next step, request a new certificate for your domain using ACM. Open ACM and request a new certificate.

Image description

Add the domain name.

Image description

Finish the request by clicking the Request button.

Image description

Verify the Certification

The next step we will verify our certificate, to do so let’s click on the certificate that we just created.

Image description

Click the Create records in Route 53 button.

Image description

Next, click on the domain and click Create records to finish.

Image description

Then, let’s wait a couple minute until the status changed to Issued

Image description

You can also check the records page to confirm the new record has been added.

Image description

*Edit the Domain Name in Cloudfront*

In this part, change the domain of Cloudfront. Open the Cloudfront distribution, then click the Edit button inside the Settings page.

Image description

Add the new domain and select the SSL certificate. Finish by clicking Save changes at the bottom of the page.

Image description

Wait for Cloudfront to finish its deployment.

Image description

*Create New Record for the New Domain*

In the final step, we will add https://awsproject.akbarnafisa.com/ to Route 53. To do this, open the Route 53 page and click the Create record button.

Image description

Then, select Simple routing.

Image description

Next, click Define simple record.

Image description

Now, fill in the record name, select the routing traffic to the Cloudfront distribution, and choose the distribution.

Image description

Finally, click the Create records button to complete the process.

Image description

Now, let's wait a couple of minutes, and we will be able to access the page.

Image description

💖 💪 🙅 🚩
akbarnafisa
Akbar Nafisa

Posted on January 11, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related