Connecting Namecheap Domain To GitHub Pages

Introduction

Connecting your Namecheap domain to GitHub Pages is one of quickest ways to give your project custom web address instead of the default GitHub Pages URL. This guide provides step-by-step process and screenshots to:

  1. Link your domain and Enable HTTPs on GitHub
  2. Configure DNS records on Namecheap

Prerequisites

Before we dive in, make sure you have:

  • A static webpage hosted on GitHub Pages
  • Your domain being pointed to a DNS by Namecheap

GitHub Pages Custom Domain Setup

Go to your GitHub repository settings, scroll down to the "GitHub Pages" section, and enter your custom domain name.

GitHub Pages Custom Domain Setup

Updating Host Records on Namecheap

you'll need to update the DNS settings in your Namecheap account. Click manage your domain and go to Advanced DNS:

Namecheap DNS Settings

References & Useful Links

Source Link
GitHub Pages Documentation Configuring a custom domain for your GitHub Pages site
Namecheap Support How to set up a custom domain for GitHub Pages