Navigate back to the homepage

Setting up Domain with Namecheap & Netlify

Ezekiel Ekunola
January 22nd, 2020 · 1 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.

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.

More articles from easybuoy

My 2019 Year In Review

Early this year, I read...

December 31st, 2019 · 5 min read

My first experience with Gatsby

I recently built my portfolio website using Gatsby...

November 4th, 2019 · 2 min read
© 2018–2020 easybuoy
Link to $https://twitter.com/easybuoyLink to $https://github.com/easybuoy/Link to $https://instagram.com/easybuoy19Link to $https://www.linkedin.com/in/easybuoy/