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.
Latest comments (61)
Great! Thanks.
SO helpful, thank you!
That simple.
Thanks!
Hi I have a question. I also used netlify as domain and the host namecheap. I recently brought private email from namecheap and inorder fo receive the emails, based on the instruction, I need to change the nameserver from custom to namecheap basic dns. I'm getting confused
Hey, I am having the same issue. How did you solve it? Thanks!
Thank you so much!
Really nice post, I appreciate your effort for such a straight forward ones. Keep it up!!!
This article was super helpful! Thanks!
Used this for the second time. Great job man!
Thank you, I have just deployed my website 👍
how can i do this using namecheap basic dns instead of using custom dns
Simple and precise content. How do you deal with deploying to subdomains?
Was wondering, during the setup netlify DNS, is this the only time where we would get the chance to set up an A record?
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.
Hi Zin. Did you figure this out? I need to do the same thing
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
What about namecheap email setup? will changing the nameservers to netlify disrupt the email service? thx!
Thank you Ezekiel, this was helpful.