DEV Community

Cristina Ruth
Cristina Ruth

Posted on • Originally published at cristinaruth.com on

How to Use Your Custom Domain with Your Site on Netlify

Purchase Your Domain

If you don't already own your domain, purchase one. Personally, I prefer https://domains.google.com.

Manage DNS CNAME Record

  1. Within Netlify, go to the site you want to add a custom domain to.

  2. Click the Domain Settings button.

  3. Under the Custom Domains section, click on Add domain alias button.

  4. Type in your domain as www.yourdomain.com and click the Save button.

  5. Your new domain should now be listed in the Custom Domains section, but you will see that next to it is a warning sign with the text Check DNS Configuration. Click on that text.

  6. A DNS Configuration window pops up telling you to point the www CNAME record to Netlify.

  7. Go to where you purchased your domain and find a way to manage the DNS settings. If it's in Google Domains, then go to domains.google.com and go to their DNS settings via the menu on the left.

  8. Near the bottom of the page, under the Custom resource records, scan it to see if there is any existing CNAME entries. If so, either update that or delete it.

  9. Add a new CNAME entry with the following values:

    1. Name: www
    2. Type: CNAME
    3. TTL: 1H
    4. Value: the-value-netlify-gave-you.netlify.com

DNS records can take up to 48 hours to propagate. So check again in about a day in the same Custom Domains section and see if the text next to your custom domain has changed to something around Check nameservers.

Update Name Servers

  1. Click the text and Netlify will show you domains to use as nameservers.

  2. Go back to where you purchased your domain and again, go to the DNS management settings. Within domains.google.com, we go to DNS settings and then the Name servers section.

  3. For domains.google.com, we click on Use custom name servers, add each domain that Netlify gave us (example is ns2.netlify.com), and click the Save button.

Since this is a DNS change, it can take up to 48 hours to propagate. So we play the waiting game again. Check again in about a day or so. When everything is working right, the Netlify DNS text will show up next to your custom domain.

SSL

BONUS: Netlify automatically gives you a free SSL certificate even with a custom domain. This allows users to access your site via https and keeps browsers from throwing users a warning around your site not being secure.

You can check this by going to the SSL/TLS certificate section. It may take about a day again for this after you complete the name servers setup.

And You're Done!

Now, you've got your custom domain on your site. Yay!

Yay


Buy Me A Coffee

Top comments (3)

Collapse
 
tobiassn profile image
Tobias SN

Tip: If you’re using Cloudflare for DNS, make sure to disable proxying (The cloud next to the DNS record should be gray), because otherwise, Netlify won’t be able to confirm that the record is correct properly.

Collapse
 
cescquintero profile image
Francisco Quintero πŸ‡¨πŸ‡΄

Yep, Netlify is VERY simple to config :)

Collapse
 
thomas_ph35 profile image
Thomas

I just did it 2 days ago for my portfolio website.
And it was really that simple.