Friends, I already told you that in today’s time one Website Important for everyone. It is a very old thought to tell people about themselves through paper or documents. I have seen many photographers and graphic designers that they do not get new work until they give all their details to a client through the website. Not only here, now its demand is everywhere. Keeping this in mind, today I have brought you a platform from where you Free Web Hosting Taking your Portfolio Website Or you can create another website.
Before proceeding with this article, let me tell you that I have also Portfolio + CV I have created a website, which I have put on this free hosting. If you want to see it, you can try it by clicking on the button below. I am saying this because after seeing that you Website idea Miles will go and if you want, you can make a better website.
Friends, I am not promoting this website, this is just an example to show you. Now I do not take much of your time and come directly to the point that you Free hosting How to host? The website I’ve used is Firebase, It is a product of Google itself. In which Free Web Hosting Apart from this, many features have been given. If you want, you can see all the features.
Benefits of Firebase Free Hosting
With Google’s product, it can be trusted completely. This is why I am saying that many Free web hosting provider There is no guarantee when it will stop. If stopped, the water will go back on hard work for years. Let us now know what are the main advantages of Firebase Free Hosting –
- Google trust
- Free SSL service
- Fast loading without extra time
- 1 GB storage
- Data transfer up to 10 GB / month
- Benefits of adding custom domains
- Can add multiple websites to a project
Firebase Free Hosting Some Disadvantages
- Any website you have on Firebase for free Subdomain You can host it only, however you can also add custom domain by purchasing it.
- On this you can only host HTML websites. on this php Do not support because here you will not get database features.
How to host a website on Firebase?
Hosting the website on Firebase is a little tricky, but not too difficult, just you have to follow our step very carefully. If you know how to make a little website, then you will do it easily. For this, keep all the things you need on your laptop in a place.
First of all, make the html package of your website, check that it is running well on the local or not. If you have not yet created html website, then you can create or download any html theme from the net and customize it according to your needs.
To run Firebase on your laptop you need node.js Software will be required, download and install from nodejs.org website. After installing it does not need to open it only command prompt Moves
Now let’s follow the steps in which all the suggestions for hosting a website are given-
Step # 1
First you go to your browser and firebase.google.com Open the website, create an account with your gmail id on it. After creating an account Get started Click on the button and proceed.
Step # 2
Now with + sign Add project Option will be seen. Click above to create a new project, you can name the project anything. Just below this, you will get the Project Project ID. Here you can set the url of your website. If your favorite URL is available, add it and save it. After that, proceed by clicking on the Continue button.
Step # 3
In this step, you will ask if you want to add Google analytics, it will already be enabled, just click on the Continue button and proceed.
Step # 4
Here you will ask which analytics account you want to add? You add a new account by clicking on create new account, then Create Project Click on the button. After loading for a while, your project will be created. Then continue.
Step # 5
After all the above processes, you will see the Firebase Dashboard of your project. Here you will see three icons, in which iOS, Android And Web Will be an icon. You have to click on the web icon as shown in the image below.
Step # 6
As soon as you click on the web icon, a new page will come, where you will ask for some details of the App. I have placed the image below for this, keep the settings as they are in the image, App nickname You can change it as per your choice.
After filling the details Register app Click on the button and proceed. Then you have a script Will get Copy this script.
Let me tell you before taking the step Firebase Hosting There is no cpanel-like feature. In this, the code is uploaded from the local folder on your laptop and that too through cmd.
Step # 7
Now minimize your browser and create a folder named after your project on your desktop. Inside that folder create a file named index.html and Step # 6 Find the script code that was copied in it and save it in index.html. It is through the file that the firebase is connected to your folder.
Step # 8
Now go to your browser from where you got the code in Step # 6. Now click on the Next button. After you do that you will have some steps. Like- Register app which Step # 6 I had already done, Add Firebase SDK to save this script which Step # 7 I did it myself. Comes after Install Firebase CLI Now you have to do this.
Step # 9
In the step of Install Firebase CLI, you will have found a small code, with the help of this code you can Firebase You can install it in your local folder so that online communication can be made from local. To install it, you have to go to your laptop command prompt But to open it, run the Windows user run command and run it by typing cmd and its windows will open.
From cd on cmd, you go to your folder which Step # 7 You made on the desktop. I have created a folder named techactive on my desktop, so I have to type on cmd –
cd C: Users RR Desktop techactive As seen in the image below. When you come to the techactive folder, type the code given on the dashboard of the firebase and hit enter.
npm install -g is seen in the image below like firebase-tools. As soon as you enter, firebase will be installed here. Wait a while.
Step # 10
Go to the browser, now your firebase is installed. Press the Next button there. Now you will come to its second code and you will get –
Same code you type on cmd, note that you do not have to close any windows until the whole process is done. As soon as you enter by typing firebase login, you will be asked to allow you Y Press enter and hit enter, a new windows will open where you have to click on allow access.
Now firebase will login on your browser and ask allow you to allow there. Now your cmd is logged in with your firebase account. You will also see the message of login success.
Step # 11
Now the third code will be found on the firebase account-
With this help, you will become a public folder on your local folder where you can keep your code. To do this you just have to type enter firebase init and hit enter. As soon as you do this, you will ask that Are you ready to proceed? You have to die by typing Y and enter.
Step # 12
After this, you will ask on firebase cmd which feature you need. Go to the hosting by pressing the arrow below, press the spacebar to select and hit enter, now your firebase hosting is set.
Step # 13
In this step, you will ask whether you have to make a new project or would like to do what you have created. We have already made everything, there is no need to create a new project. Select the arrow from the key and use an existing project and enter it. As seen in the image below.
After this you will see whatever your project has been made on firebase. Select the one you are working on as I have selected techactiveblog. After selecting, enter it.
Now you will ask what do you want to use as your public directory? (public) You don’t have to type anything here, you just have to die.
Will you now ask Configure as a single-page app (rewrite all urls to /index.html)? (y / N) Here press Enter and enter.
Now look at your folder which was created on your desktop. Another inside public The folder named will have been created. There will be a file named index.html in it, delete it, it is of no use.
Step # 14
Now you have your html files like your CV, Portfolio, or any service website template. Copy it with all its supporting files and place it inside the ..Desktop techactive public folder.
Now the time has come to upload your file to firebase’s server, to go back to cmd and type there –
As given on the firebase dashboard. The function of this code is to upload your local file to the server. Your local file will be uploaded as soon as you enter by writing firebase deploy on cmd. After uploading for a while, you will get a public URL on cmd itself.
As the hosting URL is seen in the image above, this is the public URL that you can share with anyone.
If you want this website SEO We can also add it to the Webmaster tool. No matter the SEO of any other link and firebase link, it will work as if you are ranking a new website.
Where can Firebase Hosting be used?
Although it is free, you can use it anywhere and on any project. If you still want to know, then I tell you some such places, which you can use well.
- For CV or Resume
- To show portfolio
- Landing page for an event
- To show that page by keeping several links in one place
- Your profile for freelancer, etc.
This platform is free, so you can make it according to your needs. You will not register more projects under username. I am saying this so that others can also get their username miles. Anyway, you cannot make more than 10 projects on it.
Now you friends firebase Of Free Web Hosting Must have understood about I think you will do it easily, you just have to read all the steps above carefully and follow. If you leave any step, then you may be wrong. If you read my step twice, then you can easily host any website.
If you learn anything from this post, please bother to extend it to this and that too. I want everybody in our country to know this thing and use it. Then what is the time to share this post and if there is any problem, then the following comment is open, you can ask me there.