Adding ANAME record for Amplify

After over a week of trying to figure this out, I realized there is an ALIAS control when you edit a record. I selected an Alias to a cloudfront distribution and pasted in the domain.

This is an alternative approach instead of using ANAME.

Configure Custom Domain in Amplify: Log in to the AWS Amplify Console. Select your app. Go to "Domain management" or a similar section. Click on "Add domain" and follow the prompts to configure your custom domain. Use Amazon Route 53 as Your DNS Provider: If you're not already using Amazon Route 53 as your DNS provider, you can consider transferring your domain to Route 53 or updating your domain's DNS settings to use Route 53's name servers. Create an Alias Record in Route 53: In the Amazon Route 53 console, create an Alias record that points to the Amplify-generated domain name. Alias records in Route 53 behave similarly to ANAME records, allowing you to map your domain to AWS resources like Amplify apps, CloudFront distributions, S3 buckets, and more. The advantage is that Route 53 handles automatic updates if the target changes. Wait for DNS Propagation: After you've created the Alias record in Route 53, allow some time for DNS propagation. Test Custom Domain: Once DNS propagation is complete, you should be able to access your Amplify app using your custom domain.