Table of Contents
Firebase
Firebase Hosting is considered to be one of the top options, it’s very reliable. The response time increases the performance and the quality of the application becomes rich. Even though it’s a paid service but its still a very reasonable pricing plan compared to the other hosting plans for static site hosting.
Read the Difference between Firebase vs netlify
https://www.codeleaks.io/firebase-vs-netlify
Git Pages
Github pages are following right after firebase. The performance is also excellent and it’s good at handling traffic. The best part is that Git pages are free hosting services and don’t need any pricing plan. You are just basically uploading a bunch of files and making it open source. But you need to be sure of your choice if you are willing to make your application open source.
Netlify
Netlify is another example of free service with great performance. Even though there are few glitches but weighing in the fact that its free service, it has a very reliable hosting technology.
You can also check this link out “Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites.”
Netlify has gained so much popularity in such a small period as compare to other platforms. It works by connecting to our GitHub repository and pull our website source code. The process is simple and time-efficient. It supports all modern frameworks like React, Gatsby, Vue, Angular, etc.
Hosting is the main reason for the hype of Netlify. This platform hosts our websites in less than a minute with better security, scalability, and speed. Even if you are using the free version of the product, you can add the custom domain name and HTTPS with Netlify.
If you deploy your project with a GitHub repo, then Netlify automatically activates CD for you. After that, whenever you make a new commit in your GitHub repo, the Netlify Update your site automatically.
Here are a few steps to follow to host your website
1. Login to your Netlify account. You can log in via different platforms, but here I’m going to use Github.
2. Now, click on “New site from Git”. It will automatically see all your Github repositories. And choose the Github service.
3. It will automatically see all your Github repositories, so make sure the site you want to deploy must be on your Github account. Choose the one which you want to deploy.
4. Here you can choose a branch from which you want to deploy the code. Enter the Build command, if any. Then, the last option is the publish directory. If there is a particular directory, then enter that.
GIT PAGES
GitHub Pages is a static site hosting service that takes HTML, CSS, and JavaScript files from a repository on GitHub, executes the files through a build process, and posts a website. It the most simplest hosting service as there is no need for configuration, database, or server response.
You can host your site on GitHub’s github.io domain or your custom domain.
To get started you just look at few things and your html pages are ready to be served.
1. Choose website type(project or organizational)
2. Select a theme
3. Create or choose the git repository
4. Edit content (themes or add ons)
5. Then commit
You would have the repository url from which the static pages will be served on the git domain. You can use our domain as well.
The best part about git pages is that it is a free hosting platform with great performance in terms of speed, quality, and fault tolerance.
GitHub Pages uses Jekyll to generate a static site. If you disable Jekyll then you can use other static site generators as well, deactivate the Jekyll build process by adding an empty file called .nojekyll in your publishing source. This way you can use other static site generators as well.
Firebase, as a Backend-as-a-Service (BaaS), is a platform which is developed by Google. It provides functionalities to developers, helping them develop, grow, and make a quality application.
Firebase doesn’t only provide the hosting functionality but also gives as a whole package of back end features as well.
Go to the console of firebase and create a new project. I’m going to host the same basic calculator app, which I hosted earlier using Netlify. I named the project “Calculator”.
npm install -g firebase-tools This will install the package on your computer for you. Then, we have a firebase tool installed locally on our computer which we are going to later deploy an application.
firebase login Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
firebase init 
If you want detailed articles on each hosting sites then click the following links.
https://www.codeleaks.io/next-js-as-a-static-site-generator/
