The landing page, on the other hand, was hosted on Hover, so we needed to add a link on the landing page that redirected to the main app.

So to make an app visible at a non-Heroku domain we need to add a custom domain to the app.

After signing in, go to your App Settings page and locate the Domains Settings section: Click on Add Domain and enter the custom domain that you want to add to your app on the side window that will pop up.

Click on the CNAME tab an enter the hostname(the same that you add as a custom domain on Heroku) and the DNS target provided by Heroku on the field WILL DIRECT TO.

It should take some time before you can access your new domain because the DNS records need to propagate on the DNS tree and Heroku should add the Let’s Encrypt SSL to your custom domain.

Related Articles