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.

Then, you can add the domain name.

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

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.

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

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.

Add the domain name.

Finish the request by clicking the Request button.

Verify the Certification

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

Click the Create records in Route 53 button.

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

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

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

*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.

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

Wait for Cloudfront to finish its deployment.

*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.

Then, select Simple routing.

Next, click Define simple record.

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

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

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