Quick Introduction

As a developer, we always need some sort of hosting to host our project on the internet so that our client could access that site. But for such little work, we have to buy a whole hosting plan and renew it year after year.

So I searched for a solution. And I found out 4 ways to host website for free and the best part is that there hosting duration is lifetime free as of now.

And all four sites i.e Netlify, Github, Fast.io and Google drive are reliable and very reputed brands out there in the market.

I will host this website(page) to demonstrate the whole process

coming soon page

You can also check out other articles on: best developer chrome extensions or 10+ uses of javascript: You haven’t heard before.

4 Ways to Host a Static Website for Free

1. Host website for free : Using Netlify

free website hosting

Method 1: Using Drag and Drop

STEP – 1(Sign up)

4 Best Ways to Host website for Free (Static) : (Lifetime) 1 » Csspoint101

First, you need to sign up for netlify. I would suggest you log in through the GitHub account so that you can directly use your project’s repo to deploy here.

STEP – 2(Drop your file)

4 Best Ways to Host website for Free (Static) : (Lifetime) 2 » Csspoint101

The second step is to drop your project file in zip format so that your site could go live.

STEP – 3(Changing site name)

4 Best Ways to Host website for Free (Static) : (Lifetime) 3 » Csspoint101

As you can see in the above picture you get a link through which you could access your site. But that looks very unprofessional and hard to remember.

4 Best Ways to Host website for Free (Static) : (Lifetime) 4 » Csspoint101

So you could change the randomly generated site’s name by going to domain setting or add your custom domain if you have one. That’s it , your static site will be hosted for free.

Method 2: Using Netlify Git Feature

STEP – 1(Select option)

4 Best Ways to Host website for Free (Static) : (Lifetime) 5 » Csspoint101

Select the new site from the git option in netlify’s dashboard. You must be login through Github to host website for free using this option.

STEP – 2(Select Git Provider)

4 Best Ways to Host website for Free (Static) : (Lifetime) 6 » Csspoint101

Select your favorite Git provider which you use.

STEP – 3(Select Repo)

4 Best Ways to Host website for Free (Static) : (Lifetime) 7 » Csspoint101

Select your repository which you want to host for free. In my case it is sami15/demosite. If you don’t know how to create repo worry not I have explained it in the later part of this post.

STEP – 4(Done)

Select your repo and click done. That’s it within seconds your website will hosted for free.

2.Host website for free : Using Github

free website hosting

STEP – 1(Create Repo)

4 Best Ways to Host website for Free (Static) : (Lifetime) 8 » Csspoint101

The first step is to create a repository and set its name(Github’s suggested name is worth following) and then select a public repository.

STEP – 2(Uploading Files)

4 Best Ways to Host website for Free (Static) : (Lifetime) 9 » Csspoint101

To follow this you must install git bash first : Download

Open your project folder and left-click and select open git terminal option. And type all command shown above.

If you are committing the first time through git it can throw “error like who you are“. So type these commands after git init command.

Run:

git config –global user.email “[email protected]” (Your github’s email)

git config –global user.name “Your Name” (Your github’s username)

Omit –global to set the identity only in this repository.

STEP – 3(Setting Branch)

4 Best Ways to Host website for Free (Static) : (Lifetime) 10 » Csspoint101

After following step 2 go to your repo site and click setting option and scroll down and select Github pages option and change that to master branch. Than your website, link will popup and you can access your site.

3. Host website for free : Using Fast.io

free website hosting

STEP – 1(Connect storage provider)

4 Best Ways to Host website for Free (Static) : (Lifetime) 11 » Csspoint101

First step is to select your storage provider after you click on sign up button. Always select github because it works best with fast.io.

STEP – 2(Authorization)

4 Best Ways to Host website for Free (Static) : (Lifetime) 12 » Csspoint101

Second step is to authorize your Github account with fast.io.

STEP – 3(Installation)

4 Best Ways to Host website for Free (Static) : (Lifetime) 13 » Csspoint101

The third step is to install fast.io in your Github. If you are going to use this service regularly to host website for free select all repositories.

STEP – 4(Password)

4 Best Ways to Host website for Free (Static) : (Lifetime) 14 » Csspoint101

The fourth step is to set strong password for your fast.io account

STEP – 5(Setting Name)

4 Best Ways to Host website for Free (Static) : (Lifetime) 15 » Csspoint101

The fifth step is to set the name of your site.

STEP – 6(Setting Repo)

4 Best Ways to Host website for Free (Static) : (Lifetime) 16 » Csspoint101

Sixth step is to select the repo of your project which you want to host website for free. And after this it will ask to select master branch.

STEP – 7(Url Name)

4 Best Ways to Host website for Free (Static) : (Lifetime) 17 » Csspoint101

The seventh step is to set the name of your site which will be used afterward to form your site URL.

STEP – 8(Final Step)

4 Best Ways to Host website for Free (Static) : (Lifetime) 18 » Csspoint101

Click ok and your static website will be hosted for free.

4.Host website for free : Using Google Drive

free website hosting

Step – 1(Upload Files)

4 Best Ways to Host website for Free (Static) : (Lifetime) 19 » Csspoint101

The first step is to log in to your google drive account and upload your project folder by drag and drop in google drive to host website for free.

Step – 2(Renaming Folder)

4 Best Ways to Host website for Free (Static) : (Lifetime) 20 » Csspoint101

The second step is to rename your project folder name in this format “www.yourFolderName.com“. This step is necessary to follow so do not skip this step.

Step – 3(Selecting Host)

4 Best Ways to Host website for Free (Static) : (Lifetime) 21 » Csspoint101

The third step is to visit drv.tw(google’s site) and choose google drive option.

Step – 4(Choosing Account)

4 Best Ways to Host website for Free (Static) : (Lifetime) 22 » Csspoint101

The next step is to choose that Gmail account in which you have uploaded your project files before.

Step – 5(Upload Files)

4 Best Ways to Host website for Free (Static) : (Lifetime) 23 » Csspoint101

The last step is to click ok and relax because google will do the next steps for you and finally it will host a static website for free. And it will redirect you to admin panel through which you can access your site by the URL generated by google.

If you want to attach the custom domain to the site read this article by google: visit.

Conclusion

As I said earlier all four providers are best to host website for free but my personal favorite is netlify and fast.io because they are damn easy to set up and you can easily attach your custom domain with it for free. The main problem with Github and Google Drive is custom domain. They are not easy it setup if you are doing it for the first time. That does not mean they are bad if you are ok with no custom domain than Github is the best and most reliable choice to go with.

QnA Related to Free Hosting

How can I host my HTML website for free?

You could host your HTML website using : Netlify, Google Drive, Fast.io and Github

Which is the best free hosting provider?

The best and free hosting provider is Netlify and Fast.io

Does Google host websites for free?

Yes, it supports free hosting. You could host your static website using google drive and DriveToWeb for absolutely free.

Is free hosting good?

It depends on from where you are getting free hosting. The best free hosting providers are – Netlify, Fast.io, Github and Goggle Drive.

Thanks for reading my article and if you find this article helful kindly share with others. And also check out other articles on : 45+ css glitch effect , 15+ Best chrome extensions for developers and 70+ Important C# Interview Questions And Answers.

Default image
JatinRaj
Hello, My name is Jatin Raj and I am a web developer from India. I love to code every single day and share my thoughts with you people. Hobbies include reading books, football, and sketching/Painting.