Mikko MetsoI'm a coder, this is my blog

Adding your custom domain to Netlify project

October 13, 2019

    tags: 
  • en /
  • domain /
  • DNS /
  • Netlify /

I have had my own domain name mikkometso.com for my blog about five or six years. When I published this Gatsby blog project at first I kept it under mikkometso.netlify.com and had my Wordpress site still running and mikkometso.com domain was pointing there. After a few weeks I decided the new project was up and running enough so that the next thing for me would bee to change the address to point to Netlify instead.

Customizing netlify provided domain

Firstly (like me at first) if you’re not interested on setting up the custom domain from Netlify, it’s still usefull and also easy to setup a human-readable url instead of the randomly generated url that Netlify provides. From Netlify dashboard you navigate to your project and choose Site settings. Under Site details you can find the button that says Change site name.

Netlify Change site name view

Pressing the button opens up a pop up that has the input field where you can feed the desirable site name, see the actual url and check if it’s available.

Adding your own custom domain

It has being made super easy to set up your own custom domain to a netlify project. You can start by navigating to projects Overview and click from the Getting started section the Set up a custom domain field that can be found as second. Or on the same page you can click on Domain settings or from Site settings choose the Domain management. You can’t miss it.

On Domain management there’s a Add custom domain button. Clicking it start’s a three phase funnel. Firstly Netlify asks user to input the custom domain name and verify if domain already has a owner.

Add a custom domain to your site

After this Netlify will ask if you are the owner and by clicking Yes, add domain. After that next to the newly added custom domain shows a warning symbol with text Check your DNS configuration. You can click it and get prompted a info screen that provides help how to set up the DNS configurations so that the domain gets connected. I found really usefull info about the setup from Netlifys own documents here and from this awesome youtube-video by Chris Stayte.

The video also descripes how to easily set up a https to your site with free, automatic TLS certificates provided by awesome Let’s Encrypt.

But the easiest way to set up the nameservers for me was to use Netlify DNS instead.

Set up Netlify DNS

From the bottom of the previously mentioned Check your DNS configuration prompt you can select USE Netlify DNS by clicking the Set up Netlify DNS for your-Site-Here button.

Set up Netlify DNS for your-domain-here

Again three steps here. First confirm that you want to add custom domain to Netlify by creating a DNS zone for the domain. Next Netlify will create the DNS records required for ones Netlify site automatically.

After that Netlify will finally prompt out the newly assigned DNS nameservers that you should add to your domain registrars systems. At least for me this was a fairly easy task. My domain registrar is NameCheap and their dashboard made it easy and quick to add the needed nameservers.

NameCheap dashboard

And volá! There you have it. After this you have your domain pointing to your project. And as always in the world of nameservers and dns thingies, results may not be visible right away. As it’s said on Netlifys pages

Depending on your DNS provider, changes to DNS records can take several hours to propagate and take effect for the entire internet. [1]

Also it’s worth mentioning that if your planning to use your domain for other services as well like emails you will need more additional settings to the configuration

We are happy to support DNS for all records in your domain including ones that don’t point to our service; if you’re using your domain for other services, like email, you will need to add all other records like MX, etc, in this step. [2]

edit 16.10: Added mention about the https on youtube-video


Mikko Metso

Hi! I'm Mikko and I'm a developer. I live and work in Helsinki.

Before coding I was a graphic designer. Back then I used to work a lot with developers and after a while wanted to become a coder myself. So off I went back to school and learned how to code. After graduating at 2018 I started earning my living as a developer.

Nowdays I do mostly all things frond end with frameworks, technologies and thingies like React, Redux, Gatsby and GraphQL.

For more Curriculum vitae :ish information check out my Linkedin profile. You can also find my coding profile from GitHub.