Heroku + Namecheap + Cloudflare: The easy way

I got really hard days trying to point my NameCheap domain to my Heroku app.

First of all, I follow up the Namecheap documentation. Which is good, but it does not let me configure my domain as I wanted.

So the problem following these instructions. I was trying to use www.mydomain.com and naked domain mydomain.com to keep into the URL's browser input.

In the end, it was redirecting me to my Heroku app correctly but I could not see my NameCheap domain. what I saw there was myapp.herokuapp.com

Then talking with some friends about my issue, one told me about Heroku SSL maybe that was causing my problem. And the other told me he faced a similar problem in the past and he solved with Cloudflare because it provides you a free SSL certificate for your domain and also he found a well-explained blog post from thoughtbot

So I won't explain a lot about it, just the key points to remember(set up Cloudflare free SSL on Heroku):

  1. Add your domain to Cloudflare
  2. Add Cloudflare DNS to Namecheap
  3. Add your domain to the custom domain in Heroku app settings.

Hope this works for you, if not let me know I'm willing to help.

Victor Velazquez

Coder, Musician, Startups, Passionate Dancer & Life Lover. Director of Engineering at MagmaLabs, Co-founder of Web Dev Talks, Co-founder of Voltaire, Co-founder of Paqkit, Ex-co-founder of Zaznova.

Subscribe to The zazvick's blog

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!