Amplify Custom Domain using AWS Certificate

Question

I have created an app in AWS Amplify, where I have hosted a white-labeled app for the customer, I want to take the URL from Amplify and add it to the DNS settings of my customer (GoDaddy, Namecheap, etc). which will work as their website. domain verification has been done using AWS certificate manager. 
but currently, when am trying to do this using Cloudfront distribution, it doesn't work, since the URL gets changed to amplify the random URL itself. 
how do i solve this problem? else suggest some alternate methods for distributing my white labeled web apps to the customer's custom domain.

Answer

1)Set up Custom Domain in Amplify Console:
        In the Amplify Console, navigate to your app.
        Under "Domain management," add the custom domain owned by your customer.
        Follow the steps provided to verify domain ownership and configure DNS settings.

2)Update DNS Settings with Domain Registrar (e.g., GoDaddy, Namecheap):
        Once you've configured the custom domain in Amplify, you'll receive DNS configuration instructions.
        Log in to the domain registrar's control panel (e.g., GoDaddy, Namecheap).
        Update the DNS settings according to the instructions provided by Amplify.

3)  Wait for DNS Propagation:
        DNS changes can take some time to propagate across the internet. It may take up to 24-48 hours for the changes to take effect globally.

4)Test the Custom Domain:
        After DNS propagation is complete, test the custom domain to ensure that it correctly resolves to your white-labeled app hosted on Amplify.

By following these steps, your customer's custom domain should correctly point to your white-labeled app hosted on Amplify. You won't need to use CloudFront directly, as Amplify manages the hosting and CDN (which includes CloudFront) for you.

If you're still encountering issues where the URL is being redirected to the Amplify random URL, ensure that you've correctly configured the custom domain in the Amplify Console and that the DNS settings at the domain registrar are properly set up. Additionally, make sure there are no conflicting settings or redirections in your DNS configuration.

If you prefer using CloudFront for some reason, you can still achieve this by configuring CloudFront to use your custom domain. However, it adds complexity and may not be necessary for hosting static sites or single-page applications with Amplify.

Amplify Custom Domain using AWS Certificate

Relevant content