Cannot access website with custom domain name - heroku

I have deployed my application on Heroku and I have issues setting my custom domain name.
Here are my domains on Heroku :
Here are my targets set on OVH :
Still, I cannot access my website and the browser states that the website is not accessible with this error appended : DNS_PROBE_FINISHED_NXDOMAIN

There is a well written article on their site that outlines the steps:
Custom Domain Names for Apps
Also, an important part is that your account is verified:
You can add custom domains to any Heroku app . . . you must verify your Heroku account to add domains to apps.
Account Verification

Related

How to associate Heroku app with a Google domain?

I purchased a domain with Google and I would like to associate it with a Heroku app. What is the step-by-step process to achieve that?
I recently connected my app to a custom domain. Although my domain is purchased from AWS route53. I think the approach generally is the same.
First of all, you can check out this page written by Heroku. https://devcenter.heroku.com/articles/custom-domains
I believe the tutorial given by Heroku works. However, I am tired of all those CLI that make things unvisable XD. Luckily, we can configure it from the Heroku website instead of the CLI.
Here is my approach:
First open your app in the Heroku web page, then click the "Settings" button
https://dashboard.heroku.com/apps/{your app name}
Scroll down until you see the "Domains" section, Then click "Add domain"
https://dashboard.heroku.com/apps/{your app name}/settings
Input the domain name you purchased from google (eg. www.example.com)
After adding your domain, Heroku will give you the DNS target.
From your google domain DNS management page, you should be able to add a new record for your hosted zone.
Finally, add a new record with simple routing policy, type CNAME, and value equals to the DNS target provided by Heroku.
It is really simple if you follow these steps correctly. Due to my reputation level, I cannot upload photos. Feel free to contact me if you want some image to guide you how to locate the buttons :)
It’s only 3 steps:
1. Heroku, in your app > Settings > Add your domain:
Add www.[foo.com] (Note: www is KEY!) to your app
Copy the [DNS Target] it gives you
2.Google Domains > DNS > Resource records > Custom Records > Manage Custom Records:
www, CNAME, [DNS Target]
Now you’re basically set up. If someone goes to https://www.[foo.com] in a few minutes, they’ll see your Heroku app hosted at [DNS Target]. But if they go to any other permutation (http, non-www) they’ll get a 404 error. To solve this, we’ll set up permanent redirects to the main version in the next step.
Google Domains > Website > Add a Forwarding Address:
From Field: [foo.com]
To Field: https://www.[foo.com]
Permanent Redirect (301)
Forward Path (so that [foo.com]/about forwards to https://www.[foo.com]/about)
SSL Enabled
Boom. Wait a couple of minutes for DNS to catch up, and you’re done.
heroku certs:auto:refresh
In Terminal refresh the SSL cert settings on Heroku, and check the Heroku Dashboard to confirm everything’s working.
Confirm all the below permutations forward to your site correctly:
https:
https://www.[foo.com]
https://[foo.com]
http:
http://www.[foo.com]
http://[foo.com]
paths:
https://www.[foo.com]/about
http://[foo.com]/about
PS: So does this work for the naked domain like [foo.com] instead of www.[foo.com]? No! Google Domains does not support ALIAS domains, and therefore in combination with Heroku does not support forwarding to the naked (aka. root aka. apex) domain. Sorry! This surprised me too :( Source 1: Heroku Docs | Source 2: StackOverflow. Your only alternative here is to transfer your domain (which costs money) to something like Cloudflare.
A working answer with these explanations is taken from https://nikodunk.com/heroku-ssl-google-domains-2019/
Just to add to Fergus's answer, if you are seeing the warning "cant add cname records as root domain" add www to the host name input.

PointDNS - "Name is managed by another account" on Heroku App

I'm trying to add a domain at one of my heroku apps.
I just added a custom domain in the app, but when I open PointDNS(DNS host recommended by heroku), my domain isn't listed there.
It shows the message You haven't added any domains yet. Go ahead, and add your first domain.
Then, when I try to add the domain name, it says Name is managed by another account.
I checked all my other apps, and no one have this domain registered. I've also tried the command heroku domains -a my-app and it correctly shows me the registered domain.
Summarize: I can't manage a domain in PointDNS due to the error Name is managed by another account, but there is no another account with this same domain. What could the problem be?
Since I couldn't solve the problem with PointDNS support, I've decided to transfer my website onto another domain registrar. That's it.

Accessing an app via heroku domain when it's set to a custom domain

I have an app with a custom domain that I'm letting retire.
I'd like to keep the custom domain until it expires but give people the ability to access the app via the heroku domain already so they can get used to it, but when I go to the address specified in my app, it says no app is found.
Is it invisible because of the custom domain? Is there another way to expose the heroku domain to the world?
Thanks in advance :)

How do I point my Squarespace domain to my Heroku app?

I had a Squarespace website and domain, but I rebuilt it from scratch with heroku. Now I just need to transfer the domain I bought on Squarespace to my heroku app.
I guess in order to transfer your domain name away from Squarespace, you are supposed to go through some steps in the Admin dashboard, and at the end of it, they send you a code to use when you go to transfer it to a new hosting provider.
I followed these steps, and have the code, but I can't seem to find anywhere on the heroku site where I can enter it.
Does anyone know how to go about this?
To point your domain to your Heroku app you can follow these steps:
Go to your Heroku app settings and scroll down to "Add domain" and click that button
Enter your domain (www.example.com)
Heroku will create a DNS target for you (you will copy this into your squarespace DNS settings)
Login to your squarespace account and access your dns settings (under "Advanced Settings")
Add your Heroku DNS target there and save
e.g. www CNAME heroku-dns-target

Using Hostgator Domain on Heroku

I am trying to use my hostgator registered domain on my node.js application deployed through heroku.
I have added the domain to my heroku application through the custom domain feature, and when i type "Heroku Domains" in the console, it shows up with a target of: "photosbysalwa.com.herokudns.com" and a type of ALAIS or ANAME.
When I try to add an ANAME record through hostgator, I try to set the address to "photosbysalwa.com.herokudns.com" but it won't let me submit the record because it says the address must be an IP address.
If you could help me with how to get the domain pointed, that would be fantastic.
Check this video its about how to point your domain name to heroku hosting.
It have godaddy domain name and its the same way to hostgator I think
in the heroku page in the settings add three domains:
1 *.xyz.com
2: xyz.com
3. www.xyz.com
open your Hostgator account and in the DNS Management page add in the cname the host: www and in the point to: your heroku url
https://www.youtube.com/watch?v=kKGSGT7mSnQ&t=9s
I believe this will solve your problem

Resources