Uncategorized

How to Host a Website on GitHub (Beginner Friendly Guide)

Hosting a website doesn’t always require paid servers. If you are a beginner or a developer who wants to showcase projects, GitHub Pages is one of the best free options available. In this guide, you’ll learn how to host a website on GitHub step by step.

What Is GitHub?

GitHub is a popular platform used by developers to store, manage, and share code using Git version control. It also provides a free feature called GitHub Pages, which allows you to host static websites at no cost.

What Is GitHub Pages?

GitHub Pages is a free hosting service provided by GitHub to host static websites such as HTML, CSS, and JavaScript files. It does not support backend languages like PHP or databases.

Requirements Before Hosting

Before starting, make sure you have:

  • A GitHub account
  • A basic website with HTML, CSS, or JavaScript
  • Internet connection
  • A web browser

Step 1: Create a GitHub Account

  1. Go to https://github.com
  2. Click on Sign up
  3. Create your account using email
  4. Verify your email address

Step 2: Create a New Repository

  1. After logging in, click New Repository
  2. Repository name must be:
    username.github.io
    (Replace username with your GitHub username)
  3. Set repository to Public
  4. Select Add a README file
  5. Click Create repository

Step 3: Upload Website Files

  1. Open your repository
  2. Click Add file → Upload files
  3. Upload your website files:
  • index.html
  • style.css
  • script.js (if available)
  1. Click Commit changes

Important: Your homepage file must be named index.html

Step 4: Enable GitHub Pages

  1. Go to Repository Settings
  2. Click on Pages
  3. Under Source, select:
    Branch: main
    Folder: /root
  4. Click Save

Step 5: Access Your Website

After a few minutes, your website will be live at:
https://username.github.io

Replace username with your GitHub username.

Using a Custom Domain (Optional)

You can use a custom domain by:

  1. Purchasing a domain from a domain provider
  2. Adding the domain in GitHub Pages settings
  3. Updating DNS records

Advantages of GitHub Pages

  • Free hosting
  • No advertisements
  • HTTPS security
  • Fast loading speed
  • Perfect for portfolios and project demos

Limitations of GitHub Pages

  • Backend languages are not supported
  • Only static websites can be hosted
  • No database support

Who Should Use GitHub Pages?

GitHub Pages is suitable for beginners, students, developers, and anyone who wants to host a simple website for free.

Final Thoughts

GitHub Pages is one of the easiest and most reliable ways to host a website without spending money. It is highly recommended for beginners learning web development.