FREE static site hosting in just 2 simple steps with Netlify

Bird On Branch

Netlify is one of the finest solutions for building, hosting, deploying and managing modern web projects. I have been using it quite a while now, and I’m utterly fascinated with its quick, free and straightforward solutions.

In this article, I’ll show you how you can be a part of the worldwide web using the free static site hosting service of Netlify.

But remember to leverage the free static site hosting service of Netlify, you should have a Git repository. Don’t worry if you don’t have one, you can follow along with the basics of GitHub and within a few simple steps, you will be ready.

Create a Netlify account

First things first you need to create your netlify account.

You can do that just by visiting the login page of Netlify and choosing any of the given options as the login method ( Figure-5.1 ).

netlify login page
Figure-5.1
The login page of Netlify, with GitHub, Gitlab, Bitbucket, Email, and SSO as the login method

Once done you will be requested for permissions from Netlify to authorize access to your Git account. After allowing it you will be redirected to the site listing page of Netlify, but since there’s nothing added yet, it should look like in the image ( Figure-5.2 ) given below:

netlify homepage after login
Figure-5.2
The empty site listing page of Netlify

Free static site Hosting on Netlify

Well, now you are ready to freely host your site within few simple clicks. Firstly, you need to click on the New site from git button ( Figure-5.2 ) and then choose the git provider where you hosted the source code, in our case GitHub ( Figure-6.1 ).

create a new site with netlify 1
Figure-6.1
Create a new site page of Netlify to choose a git provider where the user’s source code is hosted for continuous deployment Step-1

Once clicked you will be requested for access to the repositories. After you have done that you can see the list of repositories hosted in your Git account. Since I want to host demo-app, I will click on it ( Figure-6.2 ).

repositories hosted on github
Figure-6.2
List of repositories hosted on your git provider for continuous development Step-2

In the 3rd and final step, you need to add the build settings if you are using a static site generator, you can just leave it empty if you are not using any. Click on the deploy site button on the bottom, after configuring all the build settings ( Figure-6.3 ).

netlify build setting
Figure-6.3
Build settings configuration for continuous deployment Step-3

Now all you need to do is sit back and relax, while Netlify does the work for you – it will only take a few minutes.

Deployed site overview of Netlify using free static site hosting service
Figure-6.4
Deployed Site Overview of netlify

Tada! Your project is now live on a temporary domain, leveraging the free static site hosting by Netlify. Just click on the URL visible on the top-left ( Figure-6.4 ). You can also update the temporary domain name or set up your own custom domain.

Let’s update the temporary domain, for now, to do that simply click on to domain settings. Then you should be able to see the Custom domains block. Click on the three dots on the right of the temporary domain and edit the site name and save ( Figure-6.5 ).

setup temporary name netlify
Figure-6.5
Domain settings to change the temporary domain name or setting up a custom domain

Conclusion

Hosting your site to the server can cost you and might seem like a confusing mess but well wasn’t this easy? I hope you have enjoyed using the free static site hosting service of Netlify.

Did you find this blog post helpful? If so, whom could you share it with?

Photo Credits : Featured Image by Free Vector

1 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like