How to Host Your Projects with GitHub Pages for free?

How To Host Your Projects With GitHub Pages For Free?

Imagine you just created a cool website for your client or an amazing app but you cannot showcase it because it is stored on the local device?

In this tutorial, we will see how to host your projects with Github pages for free in just 4-5 steps. After following these steps, you will be able to share the project with anyone in the form of a free Github URL.

Let’s get started with the following steps:

1. Create a Github Account

The first step is to create an account on Github.

Head over to www.github.com and create an account.

Github login

2. Create a Github repository

Once you have logged into your account, on the right-hand top corner you will find a button for creating a new repository.

Click on “New Repository”.

This will open up the repository details page. Fill in the details for the newly created repository. Make sure to name it related to the project application. For example, if you’ve created an image slider, name the repository as Image Slider Application.

Add a little description about the project and let the below radio button set to Public. Scroll to the bottom of the page and click “Create Repository”.

3. Upload the project files

After you create the repository, you’ll see this option – “Uploading an existing file”

Rahullakhwani_Image-Slider - Google Chrome 2021-09-25 at 2.25.50 PM

Drag and drop the files from your computer to the Github upload dialog box.

After uploading the files, it will look like this:

Rahullakhwani_bghexcode_ This app changes the background color and displays.. 2021-09-25 at 2.27.45 PM

4. Click on Activate Github pages

Once the files are uploaded, click on the Settings tab located on the right side of the insights tab.

Scroll down to the GitHub Pages section. Click on the “Check it out here!” link.

Pages - Google Chrome 2021-09-25 at 2.33.47 PM

Click on the button that says “None” and select the main option from the dropdown. Click on the save button and a URL will appear.

Pages - Google Chrome 2021-09-25 at 2.36.50 PM
Open the URL after 2-3 minutes. You should now see the URL working

5. Congratulations! Your Project is live.

Congrats! Your Project is now live and you can share the URL with your friends and clients to show them your work.

I hope you enjoyed this quick tutorial on how to host your projects with GitHub Pages for free.

Recommended Reading:

Leave a Comment

Your email address will not be published.