DEV Community

Cover image for Setting up Domain with Namecheap & Netlify
Ekunola Ezekiel
Ekunola Ezekiel

Posted on • Updated on • Originally published at blog.ezekielekunola.com

Setting up Domain with Namecheap & Netlify

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.

Namecheap Dashboard

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

Namecheap DNS

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

Domain Settings

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

Add domain name

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

Netlify DNS Setup

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

Netlify Dns Setup

Netlify Dns Setup

Netlify Dns Setup

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

Namecheap Custom Dns

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 (52)

Collapse
mohammedasker profile image
Mohammed Asker

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.

Collapse
easybuoy profile image
Ekunola Ezekiel Author

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

Collapse
mohammedasker profile image
Mohammed Asker

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!

Collapse
feyibosslady profile image
Awopetu Feyisayo

thank you so so much

Collapse
jean182 profile image
Jean Aguilar

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.

Collapse
easybuoy profile image
Ekunola Ezekiel Author

I'm glad it was helpful to you πŸ˜ƒ

Collapse
ahsaniftikhar profile image
Ahsan Iftikhar Qureshi

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.

Collapse
easybuoy profile image
Ekunola Ezekiel Author

Were you able to you set up the DNS correctly?

Collapse
prox__centauri profile image
zin

Thank you so much. It was such a great article. Short and sweet.

Is there a way to add a subdomain to netlify or namecheap in a way that points to two different websites?

I got a site.. let's say coolbeans.com

So, I have a gatsby site that's hosted on netlify and I pointed the nameservers from namecheap coolbeans.com to netlify so the main site works.

But I want to create a subdomain called buy.coolbeans.com and point it to a landing page software site like leadpages or clickfunnels.

Is this possible to do? I couldn't find anything on this while I was researching.

Collapse
paularah profile image
Paul Arah

Yes. go to the DNS settings -> DNS panel. Then create a new subdomain record and point it to the either main domain or the one netflify issues you

Collapse
meerens profile image
Marian Eerens

Thank you!! It was giving me anxiety figuring this out on my own but so grateful for posts like this. Any advice on how to set-up the SSL? It came in the package when I registered on Namecheap but looks like I shouldn't have bothered as Netlify offers free HTTPS. Or Is that only when you register your domain via them?

Collapse
tris909 profile image
Tran Minh Tri

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

Collapse
easybuoy profile image
Ekunola Ezekiel Author

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

Collapse
mercuregit profile image
MERCUREGIT

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

Collapse
easybuoy profile image
Ekunola Ezekiel Author

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

Collapse
stemmlerjs profile image
Khalil Stemmler

Thanks for throwing this together! Super helpful.

Collapse
jamesoyanna profile image
James Oyanna

Thank you Ezekiel, this was helpful.

Collapse
1nusah profile image
Inusah Said

Simple and precise content. How do you deal with deploying to subdomains?

Collapse
poojakp16 profile image
Pooja Prasad

Thanks. To the point

Collapse
sharkham profile image
Sam Markham

I just used this to get my portfolio site up and running--thank you so much for the helpful article!

Collapse
easybuoy profile image
Ekunola Ezekiel Author

I'm glad you found it helpful

Collapse
lakshandev profile image
Lakshan perera

thank you, really helpful

Collapse
yourdevguy profile image
Mike Haslam

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

Collapse
easybuoy profile image
Ekunola Ezekiel Author

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

Collapse
staceyluvstech profile image
Stacey Graham πŸŒΊπŸ’»

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

Collapse
raagaware profile image
raagaware

This article was a lifesaver! Thanks a ton mate!

Collapse
treanaslocum profile image
Treana Slocum

Thanks for creating this.

Collapse
devwarr profile image
Devin Warrick

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

Big thanks!

Collapse
ajaydaram profile image
Daram Ajay

Thanks sir, Helped a a lot

Collapse
sylviapap profile image
Sylvia Pap

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

Collapse
pvaidya56 profile image
Priya Vaidya

lifesaver, thank you!!

Collapse
subiango profile image
Saa Umaru Biango

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

Collapse
easybuoy profile image
Ekunola Ezekiel Author

I'm glad it was helpful to you πŸ™‚

Collapse
clara profile image
Clara

life saver article! Thanks for putting it together

Collapse
quantuminformation profile image
Nikos

awesome thx

Collapse
caduceusinc profile image
Wale Opakunle

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!

Collapse
easybuoy profile image
Ekunola Ezekiel Author

I'm glad the article was able to help you resolve the issues you were having πŸ™‚!

Collapse
akinhwan profile image
Akinhwan

you da man

Collapse
fegaeze profile image
Chioma Nkem-Eze

Thanks Ezekiel, cool article!

Collapse
easybuoy profile image
Ekunola Ezekiel Author

Thank you Jessica!

Collapse
abiolaesther_ profile image
Abiola Esther

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

Collapse
easybuoy profile image
Ekunola Ezekiel Author

I'm glad you found it useful!

Collapse
florinpop17 profile image
Florin Pop

Very good! It helped!