DEV Community

How to Add a Custom Domain to GitHub Pages (Hostinger Edition)

Sidharth Mohanty on July 04, 2023

I recently finished my portfolio website, and it was a dream come true to have a small space of my own on the internet. To make this happen, I boug...

Read full post

Ismail • Apr 11

For this step Step 3: Create two new CNAME records, how about if my website url in GitHub pages is username. github.io/reponame

Should the record point to username. github.io/reponame then or just username. github.io

Sidharth Mohanty • Apr 15

I've not tried it, but I think it should be username.github.io/reponame if reponame is not == username.github.io/reponame

Ismail • Apr 15

Thank you but I already solved it.

DNS CNAME records are designed to point to domain names, not to specific paths or URLs within a domain. In this case: username.github.io

What I did to solve this is updating my package.json file (my website is a React app).

I updated this:
"homepage": "username.github.io/reponame/",
to
"homepage": "https://my_custom_domain.com/",

Adlee Afif • Apr 16

hey just wondering, aside from the updating the package.json, what did you set for the DNS setting in the Hostinger? Is it the same with the post? Thanks!