Get Your Free Hosting | Life Time | Custom Domain

Get Your Free Hosting | Life Time | Custom Domain


so you’re looking for some free stuff
and that’s a great thing. Because we love to explore new things and we
don’t have a lot of money to spend on each stuff. In this video I am going to
show you a way that you can use to host your own a site free of cost. And most
importantly you can use your custom domain to link with this hosting. Hello everyone my name is Suman Das and if you are wathing me first time then consider subscribing because we talk about programming, new
technologies and other related stuffs always. this is the second video of our
“first website” series and if you had not watched the previous video then I
strongly recommend you to watch that video because I had explained the
roadmap of creating a website in detail okay before diving into the computer I
am going to give you a brief overview about what we are going to do in this
video so first of all we are going to create a very simple website then we are
going to host that website with the help of firebase if you don’t know about
firebase then firebase is a back-end service which is developed by Google and which
provide many services that you can use to build your own app or website after
hosting that website we are going to link our custom domain with that hosting and
after that we are going to visit our website without wasting more time let’s
go to the computer. okay so here we are going to create a basic static site but
you can also create your dynamic site and host on firebase but for this tutorial
we are just going to host a static site first of all we are going to create a
simple site for hosting I’m going to open my VS code but you can
use whatever you comfortable with let’s see how it’s look like now I’m
going to log into my firebase account if you don’t have an account just sign up
with firebase it’s a very simple step you just have to log in with your gmail. okay now
I’m going to create a new project let’s call it free hosting and here you can
see that this is assigned with a unique ID but you can modify it but make
sure that this should be unique otherwise this you will get an error
message like this. After that click on continue then continue and and click on
create project now this is going to take some time and after that your project
will be created, I’m going to fast forward this process, okay now in this
project I am going to deploy my created site let’s see how we can do it without
just showing you the commands that we can use to host or deploy the site on
this project I’m going to show you how you can find the information to do it on
your own so that’s why I am going to first show you the documentation of this
that’s why you can find the information on your own for your any further
requirement or any further information here you can see that we have to install
the firebase with CLI at first after that we can create our project and deploy our
site, so, first of all, let us see what is firebase CLI and how can install it and here you can see that we can install
the virus tools with the help of NPM is like a package manager based on
node.js and you can get NPM by installing node.js on your PC after that
we have to log in on our firebase account with the help of firebase login
command and when you hit firebase log in command then you will be redirected to
your browser and from there you can log into your firebase account I’m not going
to show this because I had already logged in on my account that’s why I am
NOT able to show that but you can do it on your own it’s a very simple process
ok now I am going to initialize firebase on this project for that I am going to
write a command there’s called firebase init to
initialize firebase on this project and then you have to choose what service you
are going to use and for this project this is hosting thats I am going
to use here press the spacebar to select the option and I’m going to use an
existing project that we have created on the firebase console now this is
asking for the public directory that means which directory you are going to
deploy on firebase and that directory that means only that directory is going to
hosted on firebase so if you left it blank the default name is public that
means all of your files on public directory is going to deployed on
firebase and then it should be hosted from there and I am going to leave it
blank so that my public directory will be called public now it is asking for is
this project is a single page application? and if yes then it will
redirect all the URL request to the index.html file as it is not a single
for the application I’m going to choose no and now it’s initializing the project
here and it’s completed. now I can see here that some extra files and a public
directory has created by this command and
the public directory contains the files that is going to be deployed on that
project and now I am going to deploy this project with the help of firebase deploy
command now the project is deployed and its provided us a URL and with that we
can access our hosted website let’s see what it looks like now you can see here
that it’s showing a welcome message that the firebase hosting setup is
complete and this file is coming from the public directory that because we
have not moved our index.html file to the public directory and firebase has
automatically generated an welcome message file and we have to replace that index.html file with our index.html file to see our own page. This
is the auto-generated index file and now I’m going to delete it and put our index.html file here and now we have to deploy it again ok now let’s go
to that URL again and it’s showing that previous welcome message that’s because
we have just deployed and it takes some time to update
ok now refresh that page now we can see our own page Now if we go to our firebase console and on the hosting section
then we can see that it’s showing some options to add our custom domain and
also it’s showing the release history and here you’ll see that we had released
two version and you can roll back to your previous version from here and on the usage
tab you can see the resources which is used by your site and here we can
see that 4.3 KB is used out of 1 GB and 1 GB is the free limit if we want
to get more than 1 GB then you have to pay some money we can add our custom
domain with this hosting but in this video I’m not going to show the whole
process of connecting a custom domain with this hosting and that’s because in
my next video I am going to show you how you can get you free domain and after that
I’m going to connect that free domain with this hosting. hope this video helped
you guys and if so make sure to LIKE comment share and subscribe and hit the bell icon.


5 thoughts on “Get Your Free Hosting | Life Time | Custom Domain

Leave a Reply

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