Youtube icongithub icontwitter iconreddit icondiscord iconinstagram iconfacebook iconthreads icon

How to host your website for free on GitHub?

Nowadays everyone is moving towards the digital age where a digital footprint of your work or life creates a great impact on your image in society. Social Media is one of the most popular and easy ways to do so but is the thing that everyone does.

Nowadays everyone is moving towards the digital age where a digital footprint of your work or life creates a great impact on your image in society. Social Media is one of the most popular and easy ways to do so but is the thing that everyone does. Even a 14-year-old has an Instagram account and can potentially have 1000s of followers. So if you wanna stand out in this world then you should represent something that is very rare and shows talent while keeping the simplicity at its best. Owning a website looks like a very big task but it is a very simple one! You can get your website up and running in just a matter of minutes or I should say the blink of an eye. Let's take a technical look at this topic.

What is GitHub?

Github is a version-controlled cloud-based code-sharing platform in simple words you can share the project that you have made on your system with your whole world with just a click. There are more than 100 million repositories (your program is called repository) on the GitHub which makes this a must tool to have in your armory. Most of the open-source projects like React, Bootstrap, Axios and many more have their whole code on Git Hub which makes this platform a huge deal.

How to use GitHub to host your website?

First of all, you will need to have an email ID to use GitHub. Upon signing up for GitHub you will be directed to a page like this. As it will be a new account there will be no repo present.

Steps to create a new repo & host it to GitHub-

  1. Create a new repo and the name of that repo should be your username.
  2. Create a new file by clicking the create a new file icon as represented in the image
  3. Name the file as Index.html
  4. Copy and paste the code of your website that you have or you can use the boilerplate template like this.
  5. After that go to the settings tab and click Github Pages. A page like this will open as shown in the image.
  6. Then you have to select the main branch and then the root of your website which means where the code for your website is present.
  7. That's it! Now you can go to username.github.io/username and your website will be accessible there.
Note - It can take up to 10 minutes for your website to change to come up your website.

Twitter Share iconFacebook Share iconReddit Share icon

Related Article - You May Also Like

Apple's AI Strategy Unveiled: Insights into iOS 18 Features and Release
Apple's AI Strategy Unveiled: Insights into iOS 18 Features and Release

The blog outlines Apple's forthcoming AI strategy, set to be revealed at WWDC 2024, potentially incorporating generative...Click below to read more!

iPhone 15 and iPhone 15 Plus: Everything that you need to know
iPhone 15 and iPhone 15 Plus: Everything that you need to know

'iPhone 15 has an all-new design that's simply gorgeous' as quoted by Kaiann from Apple in the launch event of Apple tha...Click below to read more!

OnePlus 13 has launcged in China
OnePlus 13 has launcged in China

On October 31, 2024, OnePlus launched the OnePlus 13 in China, featuring the powerful Qualcomm Snapdragon 8 Elite proces...Click below to read more!

Google Pixel 9 is here!
Google Pixel 9 is here!

Google Pixel 9 was released on 13th August 2024, Pixel 9 features a 6.3-inch OLED display with 120Hz refresh rate, 1080x...Click below to read more!

Google Pixel 9 Pro is here!
Google Pixel 9 Pro is here!

The Google Pixel 9 Pro launched on August 13, 2024, featuring a 6.3-inch OLED display with a 120Hz refresh rate, 2000 ni...Click below to read more!

Apple iPhone 16e is here!
Apple iPhone 16e is here!

The iPhone 16e is here! Experience a stunning design, supersized battery life, and the power of Apple Intelligence. Pre-...Click below to read more!

Apple iPad Air M3
Apple iPad Air M3

Apple has just launched a new Apple iPad Air with the new M3 chip in 2 different screen sizes : 11 inch and 13 inch. To ...Click below to read more!