DEV Community

Fabrizio Bagalà
Fabrizio Bagalà

Posted on • Edited on

2

How to link your Namecheap domain to GitHub Pages

🌐 Namecheap

  1. Sign in to your Namecheap account:
    Namecheap - Sign in

  2. Select Domain List from the left sidebar and click on the Manage button next to your domain name:
    Namecheap - Domain list

  3. Click on the Advanced DNS tab and find the Host records section. Then click on the Add New Record button:
    Namecheap - Advanced DNS Here you will need to create several records for your domain:

    • A record for @ pointing to 185.199.108.153
    • A record for @ pointing to 185.199.109.153
    • A record for @ pointing to 185.199.110.153
    • A record for @ pointing to 185.199.111.153
    • CNAME record for www pointing to your username.github.io.

❗️Important
Deletes any records except those specified.

Once all details are inserted, save them using the Save All Changes green button.

Normally, it takes 30 minutes for newly-created records to take effect.

🐙 GitHub

  1. Sign in to your GitHub account:
    GitHub - Sign in

  2. Click on the profile picture and select Your repositories:
    GitHub - Home screen

  3. Select the public repository to be used with GitHub Pages:
    GitHub - Repositories

  4. Select Settings from the navigation bar:
    GitHub - Settings

  5. Select Pages from the left sidebar and choose the branch from the combo box. Then click the Save button:
    GitHub - Pages

  6. When the web page is reloaded, find the Custom Domain section and click on the Save button:
    GitHub - Custom domain For security reasons, leave Enforce HTTPS enabled.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs