Three-step guide to set up custom domain for your pages

Posted on November 27, 2021 in how-to, tutorial • 3 min read

Assumption: For this tutorial, I am assuming you already have bought a domain name from any domain name provider and you already have a pages setup like this Also in this post, I'm using namecheap and setting up Apex domain name.

This blog is hosted in GitHub pages. When you visit, the web pages that you see are actually hosted in, and you can see the source code of this blog here. But, how does my domain is pointing to ? How do we configure such settings? All of these questions are answered in this blog post.

Step-by-step guide to use custom domain for pages

Step 1: Buy the domain name.

If you do not have a domain name yet, you can use any of the domain name providers. For example, you can use namecheap, godaddy or I bought mine from namecheap during black friday sale.

Now that you have bought the domain name, you need to set up the DNS records. Which we'll do in second step.

Step 2: Set up DNS records.

In your domain name provider page you'll have an option to set up DNS records. In the case of namecheap, you'll first have to click the MANAGE button in the Domain List page as shown in screenshot below.

Then click the Advanced DNS button as shown in screenshot below.

In the HOST RECORDS section, you need to add the following DNS records as shown in screenshot below.

Here are the IP addresses list for A record for you to copy and paste.

Also DO NOT forget to add the CNAME record as shown in screenshot. You need to add your own domain name.

Once you have added the DNS records, you can now go to your GitHub page settings to actually map the CNAME.

Step 3. Configure your page settings

Go to your repository settings and click on the Settings button and then click on the Pages button as shown in screenshot below.

This will lead you to the settings for GitHub pages.

In the Pages section, you need to add the following domain name as shown in screenshot below.

This will commit a new file called CNAME to your repository. You can verify that later on. Also do not forget to check the Enforce HTTPS checkbox. This will provide you SSL certificate for your domain name. Once you see the green tick mark in your domain name in the Pages section, you're good tpo go.

But, be aware that the DNS propagation takes some time. Take rest, drink a cup of coffee, browse other articles in this website and wait for a while.

After some time, you can visit your domain name, and you will see the pages are mapped to your domain name.

You can also verify all this is working using the dig command

╰─$ dig +noall +answer -t A

; <<>> DiG 9.10.6 <<>> +noall +answer -t A
;; global options: +cmd      1799    IN  A      1799    IN  A      1799    IN  A      1799    IN  A

Here you can see that my domain is pointing to the A records that we have set up in the Step 2.