December 20, 2021
How to add custom domains to Netlify sites!
So you've finished building that awesome site, you've deployed it to Netlify and tested all the functionalities. Everything is working perfectly and your site is available on Netlify at a URL like
Time to connect your custom domain right?
Now it's time to finally use it. Let me show you how:
When you've logged into your Netlify account, select the site you want to link to a custom domain. In the site UI, click the
Set up a custom domain button:
Next, enter the domain you wish to add to the site and click
Netlify will then verify that you have indeed registered the domain, ... or not.
If the domain has been registered as is the case in the screenshot above, Netlify will then prompt you to add the domain to your site.
Add Netlify DNS records to your domain registrar account
Login to the account where you bought your domain. In my case it's
Name.com. Select the domain you want to link to your Netlify site and open the DNS records management portal.
Next, add DNS records to point your domain name to Netlify's apex load balancer as specified in the Netlify documentation.
If you check back on your Netlify UI, you should see that the apex domain is now connected.
You may have noticed that Netlify automatically added a
www subdomain and it is currently not propagated.
That is because we've not added a DNS record for it on the domain registrar. To do that, go back to your DNS management portal and add a new CNAME record like so:
And with that, we should have the
www subdomain wired up in Netlify!
And that is how to add custom domains to your Netlify sites. If you click on any of the domains listed above, it should load your site as expected.
If you still find any of this confusing or you'd prefer to watch me do this in-person, here's a YouTube tutorial where I went over this process. I also covered how to provision a Let's Encrypt certificate for the custom domain on the video.
Have fun watching!