Setting up Domain with Namecheap & Netlify

#showdev #webdev #devops

Ekunola Ezekiel Jan 22, 2020 Originally published at blog.ezekielekunola.com ・Updated on May 28, 2020 ・2 min read

In this article, I would be showing how to connect a Namecheap domain to an application deployed with Netlify.

The first step is to have Netlify and Namecheap accounts setup. Once that has been done, go ahead and purchase your domain on Namecheap and also deploy your application to Netlify.

Note: It is assumed that you have an application hosted on Netlify and that you've also purchased your domain on Namecheap.

After purchasing your domain on Namecheap, navigate to your dashboard you should see the purchased domain there. Click on the manage button on the far right corner of the domain.

Scroll down to the NAMESERVERS section, click on the dropdown and change it from Namecheap BasicDNS to Custom DNS. See example in the image below

Navigate to your application on Netlify and click on the Domain Settings or Setup Custom Domain

Add your domain in the input field and click on the verify button. Netlify would try to validate the domain.

After adding the domain, click on the options dropdown to the right of the domain you just added, and select Set Up Netlify DNS. See example in the image below

Click through till you get to the point where Netlify shows a list of Nameservers. See example in the images below

Navigate back to Namecheap, and copy each of the DNS servers one at a time to the NAMESERVERS section of Namecheap. After adding them, click on the check icon to the right to save them. See example in the image below

And that's it, we're done. You would need to wait for 1–5 minutes for Netlify to propagate, after that your web page can now be accessed by the custom domain.

Netlify will issue your domain free SSL certificates, so you would not need to worry about setting up HTTPS on your own.

This article was originally published on my blog.

Discussion

Mohammed Asker • Aug 6 '20

Simple and straight to the point! Thank you so much for this post, Ekunola! I followed the steps and now my site is live! Now I have to wait for a few days to issue SSL Certificate and get that green lock for my site.

Ekunola Ezekiel • Aug 6 '20

I'm glad the article was helpful. If you provision certificate with Netlify it should be done faster.

Mohammed Asker • Aug 9 '20

Yeah, it's all done! My site is now green locked and can access them without typing "www". Once again, thank you for this post and hope you write more helpful contents!

Awopetu Feyisayo • Jul 3 '20

thank you so so much

Jean Aguilar • Jun 4 '20

Thanks buddy, I remember the first time I did this was really hard because I couldn't find a tutorial like this one, I'm glad on my second I could find this.

Ekunola Ezekiel • Jun 5 '20

I'm glad it was helpful to you 😃

Tran Minh Tri • Aug 25 '20

Thank god, your beautiful soul. You have enlightened me in the world of deployment :) you have saved me so much time, although I did all right, I'm still not confident enough

Ekunola Ezekiel • Aug 25 '20

Thanks for your kind words. It takes practice, once you do one or two more, you should get the hang of it.

Ahsan Iftikhar Qureshi • Aug 23 '20

For me Netlify's Default subdomain loads the Hugo based website correctly, however, for my custom domain it is not loading the website. Can anyone please suggest how to get it fixed.

My domain registrar is Namecheap.

Ekunola Ezekiel • Aug 23 '20

Were you able to you set up the DNS correctly?

Abiola Esther • Oct 16 '20

thanks Ezekiel😊for the article.I was able to setup mine easily.

Ekunola Ezekiel • Oct 16 '20

I'm glad you found it useful!

Florin Pop • Oct 15 '20

Very good! It helped!

Jessica Eze • Feb 28 '20

Thanks Ezekiel, cool article!

Ekunola Ezekiel • Feb 28 '20

Thank you Jessica!

Mike Haslam • Jan 1

Thanks, Brother Happy New Year! I hope all is well with you and your family.

Ekunola Ezekiel • Jan 1

Yes, thank you. Happy new year to you and your family as well.

Stacey Graham 🌺💻 • Dec 9 '20

This was super helpful! Thanks! I finally got my portfolio deployed.

MERCUREGIT • Nov 26 '20

Hey, awesome tutorial§ Thanks a lot. But I have an issue, as soon as I performed the above steps, all went on well. Except that I am unable to access my Cpanel anymore

Ekunola Ezekiel • Nov 26 '20

That's weird, try to reach out to the Namecheap support team

Khalil Stemmler • Nov 24 '20

Thanks for throwing this together! Super helpful.

Devin Warrick • May 29 '20

Pictures are worth a thousand words. Easy read, and I got everything working just by checking out your screenshots.

Big thanks!

Daram Ajay • Jul 6 '20

Thanks sir, Helped a a lot

Sylvia Pap • May 11 '20

super helpful post!!! thank you for this :)

Priya Vaidya • May 22 '20

lifesaver, thank you!!

Saa Umaru Biango • Apr 12 '20

Very cool article. It was easy to follow. Thanks a lot.

Ekunola Ezekiel • Apr 12 '20

I'm glad it was helpful to you 🙂

Clara • Apr 21 '20

life saver article! Thanks for putting it together

Nikos • Mar 14 '20

awesome thx

Wale Opakunle • Feb 22 '20

Thanks a lot for this Ezekiel! This really helped me out today. I had routed to the wrong nameserver before and quickly found my 32hour-old mistake 2 minutes after reading your post.
Thanks again!