Adding a Custom Domain to AWS Amplify

When deploy application (ReactJS, AngularJS, NextJs, VueJS) on AWS Amplify, it will generate a default URL for your app. We should add a custom domain to AWS Amplify app for several reasons:

• Branding: Enhances your brand identity with a unique URL.
• Professionalism: Makes your site look more credible and established.
• SEO: Improves your search engine ranking.
• User Trust: Increases user trust and engagement.
• Custom Emails: Allows you to create professional email addresses.
• Control: Provides greater control over your online presence.
• Consistency: Ensures consistent branding across all platforms.
• Security: Amplify manages SSL/TLS certificates for a secure site.

Adding a custom domain to your AWS Amplify project involves a few key steps. Here's a straightforward guide to help you through the process:

Step 1: Create hosted zone on Route 53

Go to Route 53 -> Hosted zones -> Click on "Create Hosted Zone"

Enter your domain name and choose Type of Hosted Zones:

Then click "Create hosted Zone" and after that your hosted zone will be created:

If you are using a third-party domain registrar, you need to update your domain’s name server (NS) records to point to the Route 53 name servers. For example:

Step 2: Config domain for AWS Amplify

Go to Amplify -> Go to your app -> Hosting -> Custom domain

+ Click add domain

+ choose domain created by Route 53 and click "Configure "

We can add sub domain if needed.

In this article, we will use SSL managed by Amplify, then "Add domain"

Wait a few minutes for the Amplify setup to complete. During this time, if you check Route 53, you will see a CNAME record added that looks like this:

After successfully setting up AWS Amplify, you can expect the following results:

By following these steps, you can successfully add a custom domain to your AWS Amplify app, providing a branded and professional web presence.

Thanks for reading !!