How to Configure GitHub Pages Custom Domain? (Google Domains | Subdomain & Apex Domain)

▬▬▬▬▬ Experience & Location 💼 ▬▬▬▬▬
► I’m a Senior Software Engineer at Juniper Networks (12+ years of experience)
► Located in San Francisco Bay Area, CA (US citizen)

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

▬▬▬▬▬▬ Related videos 👨‍🏫 ▬▬▬▬▬▬

=========
⏱️TIMESTAMPS⏱️
0:00 Intro
0:40 Add Custom Domain to GitHub Repository Settings
1:47 Create A record for Apex Domain in Google Domains
3:05 Create CNAME record for www subdomain in Google Domains
5:24 Update React App with Custom Domain
6:05 Deploy Create React App to GitHub Pages
7:17 Test Custom Domain for GitHub Pages in the Browser

=========
Source Code

#GitHubPages #ReactJS #GoogleDomains

[AntonPutra]

⏱️TIMESTAMPS⏱️
0:00​ Intro
0:40​ Add Custom Domain to GitHub Repository Settings
1:47​ Create A record for Apex Domain in Google Domains
3:05​ Create CNAME record for www subdomain in Google Domains
5:24​ Update React App with Custom Domain
6:05​ Deploy Create React App to GitHub Pages
7:17​ Test Custom Domain for GitHub Pages in the Browser

[marciosouza]

Oh!! Thank you so much!! I wasted so many time trying to configure this DNS thing. Thank god i found this video. It worked nicely!

6:16 Thank you. There is one thing I am not clear. Why don't you commit code before running deploy?

[PeterCacioppi]

This was ridiculously helpful and you are a wonderful human being.
At about 5:13 or so, I got lost can couldn't figure out what was going on. That said, the steps preceding that seemed sufficient.

[noopy]

Glad I stumbled upon these videos. I looked at your video where you publish a react app to the web via github and it was extremely helpful. I really found it useful how you started from the very beginning of making the project and working off of it. Made me troubleshoot where exactly my problem was. Keep up the good videos!

[spires]

This was so helpful. I was specifically having problems with react. Thank you!

[scorpioAyako]

Thank you so much, this is extremely helpful. I was working around with different solutions but doesn't work as expected. Your tutorial works like charm!!!!

[harunguven]

Thanks Anton, I was having a problem, adding homepage to package.json solved it.

[matheusbarrospereira]

Cool. It worked super well for me. thank you for this video.

[nehroi]

thank you so much for this. i was so confused about configuring the CNAME because github adds a CNAME to your repo when you setup the custom domain so i didn't think we had to add it locally as well.

[teixeirah]

Awesome! Excellent tutorial! Thank you!!!

[umarbashatechmonk]

It exactly worked as it is in the video... cool .. Thank you. @Anton Petra

[dumbfailurekms]

thanks a lot sir. liked & subscribed.

[chiragcharania]

Hi! One quick question: How was your domain directly configured to HTTPS. I wanted to do the same, but it shows HTTP for my domain. Thanks!

[leopoldostokes]

Hi, can you please tell me where and how to run this "dig" command, please guide me. By the way you have made a very good tutorial. Thank you

[SoundPeaks]

Should I delete NS-servers at my hosting provider control panel?

[tranquilsoundsoftheunivers]

this is wrong the user did not do the subdomain plus google does not let you go ahead with @

[bigboy-lpxv]

Google domain is not functioning any more

[perrychan]

Thank you so much Anton! It is so helpful! But I followed until 5:13, then i am stuck. My page is also blank, I clicked Inspect and I saw this

Failed to load resource: the server responded with a status of 404 ()
app.7d5bdf43.js:1 Failed to load resource: the server responded with a status of 404 ()
chunk-vendors.b89be792.css:1 Failed to load resource: the server responded with a status of 404 ()
app.7d5bdf43.js:1 Failed to load resource: the server responded with a status of 404 ()

I cannot find the place where you changed your code (change the old link to the new link). Do you know what goes wrong? Thank you!