Setup a Custom Domain with Netlify

Websites are always better with custom domains. Let's learn how to set up a custom domain with your Netlify app in just a few minutes.

Prerequisites

There are two prerequisites here.

  • have an already purchased domain (I prefer to use Namecheap)
  • have a site already deployed to Netlify (I'll be using my DevYearbook project)

Add the Domain in Netlify

Inside of the Netlify dashboard, navigate to your domain settings and click "Add custom domain"

Add Netlify Custom Domain Button

Enter the name of your domain and click "Verify".

Verify domain name in Netlify

Then, acknowledge that you own the domain and click "Add domain".

Verify Ownership of Domain in Netlify

After that has finished, click on the options menu next to your new domain and choose "Set up Netlify DNS".

Setup Netlify DNS

Follow the steps here by choosing "Verify", then "Add Domain", and "Continue". Then when you get to the screen about domain name servers, copy those name servers.

Copy Domain Name Server names

Then, in the dashboard where you bought your domain (mine is Namecheap), set the DNS to custom DNS and add the DNS names from Netlify.

Add Custom DNS in Domain Name Host

After that, you should be good to go. Although you may need to wait a few minutes for the settings to propogate, you should eventually see the "Netlify DNS" tag associated with your domain name.

Finalized custom domain with Netlify DNS tag

Built with Gatsby. Data from Sanity.io. Hosted on Netlify.