OK, so now we have clearly created an application and we are going to host it live on Firebase.
Now if you are new to this and not react if you are like new to Firebase and you don't know what is
Firebase.
So it's just a platform created by Google for hosting and like using like creating the database for
your applications and you can like successfully like, easily host your react applications.
You can even create your background using the Firebase for the React applications and and their stuff.
And it's for you to host your website here or it's a Google product, so it's very like trustworthy.
Also, you can trust this website.
And what are the things you need to know how to use this Firebase tool and how to like install it and
everything that all we are going to cover today here in studio.
So first of all, you have to go to the website to do the fire, to be installed, Google dot com.
And of course, it's like a wilpert product.
So we will sub domain known as the Fire TV and Start, which will dot com.
And once you are here, you need to click on this and this button that is to get started, that will
open the console for the console to fire based on Google or console inside the console.
And the controller is like a dashboard to insert that only you'll do like most of the stuff, so we'll
create will click on this Get Started button.
And from that, you need to create a new product, you can see I have already like so many products
here.
And so now we are going to create a new one.
We will create click on this ad project.
And if you are like, new to this Firebase, you will not be having any new, any existing products.
So don't worry about that.
You will create the first product.
So here you will need to enter your product name.
So we will have we made our cafe website?
We will provide like cafe in the.
Every.
The Act.
Footy at Apple.
OK, that's not available.
Café X, there is more support available, Cafe Z F in ninety nine.
All of the usernames are taken like the product names are taken.
What we can, what should be right.
Every website for that to be taken like you can provide any name.
That's not a compulsion, but I'm trying to give a straightforward name and the name mystique.
And there would be something like this kind of thing.
There's no there's like alphanumeric values so that I don't want.
So but let's go ahead with that only.
No problem will write this coffee, and this will be provided as a unique identifier.
So this will be a reward.
And basically it will click on this.
Continue.
Will disable the Google Analytics, and now we'll click on this create project now.
Now the project will be created and then we will move and we'll be doing like more stuff to it.
OK, so let me just click on the Create project.
The project is being created or this will take a few seconds, and it's showing provisioning resources
for artists.
And next, it's going finishing up for the cafe application.
Now it's done.
Your new project is ready for what I need to do is I need to click on Continue.
And.
This will get me to this particular page.
And now we need to go to this web or from directly here, you can go to the hosting because we are going
to hold it up so they don't need the database and all this just the hosting part.
And now we will go to this hosting section and now we'll click on this, get started there, starting
the hosting.
OK, now it will tell us to install a Clia tool for fire to be.
That is a command line interface tool because we are going to like, push everything online with the
help of our terminal.
Only we can't just go to the web site and all do all of that stuff.
So for that, we need to use our terminal and forward using that on a fire, like for using fire based
on our terminal, we need to install the Clia.
So it's really, really simple.
Process, you need to execute this command, that is.
And PM install high fundi high funds like global search will install globally and then you will die
Firebase Tools npm install hyphen GFI admins tools.
Let me just copy this.
You can just click here and the command will be copied.
Then you need to go to your voice code and inside, let me just go with this.
And inside this, you need to right click or paste this command, whatever you want to do or even you
want, but if you want to this Typekit, you can Typekit whatever part this command needs to be executed
as simple as that.
But once you like to have this command here, you need to press, enter and take a few seconds to load
and Firebase Clia will be installed on your terminal.
So that is what this particular command will do.
So I have already installed fire based on my terminal, so I will not execute this command again.
But you have to if you don't and if you have installed, then no problem with it.
Next.
So what is the next process for the next process, you will click next here.
OK.
But once you have installed the clay on the terminals, what do you need to do is you need to log in,
you'll find a base of ground on that terminal using this particular command.
Now what is that command that command this fire to base logging if they execute this?
Like, first of all, you need to install the fire to later, then you need to check if it's installed,
honored by it, by just checking the version like fire bees iPhone iPhone version so that you need to
do.
Maybe I can check if that works or not fire the bees.
If an iPhone was.
So that should give us the version of the.
Of the package by a package.
It's taking a lot of time.
Maybe we can just.
Check on the website.
Some have.
And we see the version.
It just cleared this mess up, and you can see why it appears.
Water.
Because this is like important if you want to check your version and if you want to check that is even
install a note on your computer, so you can see that is a version of nine point one nine point zero.
But the update is available to nine point two zero point zero two.
I will install the update for you.
It will be available if you have not installed and if you have installed, then you will see the current
version and the latest version.
If you see that lady within, that means that it is installed in the computer, OK?
Go ahead.
I will run this command to.
Update my Firebase and PM install app on the same command, which I told you that was reviewed.
Now I'm going to execute it, I present them and now this will update fire based on my terminal.
Now this may take a few seconds, depending on the internet speed.
Right now, I am not experiencing very good internet speed, so maybe that takes a little time.
But for you, it may be just a second or two, so you can't say anything about it.
So, Bill, this is installing we can just go to the website and check like, what is the matter?
OK, so once you have installed and you have checked and you see the lake was in for the fire is what
you can do is you can just log in to Firebase using your account.
OK, so you will tap this command Firebase log in inside your terminal, inside or terminal here.
Oh, of course, there should not be running that time.
And then you can just hit enter and then it will give you a link and just paste that in your browser.
And then it will ask for the permission to let you log in through this terminal.
And once you get that permission, that means.
You have been successfully logged in to that particular account, so that is what it is for.
And if you have logged in to from a different account, then you want to log in from a different account,
then you can just tap the command firebase log out.
It will log you out of that particular account and then whatever account you want to be logged in for
that you can.
Then you can just type Firebase, log in and then paste that are you are all from that account, from
the Google account, basically because Firebase is a Google product.
So that will all in through only Google account like the Gmail account only.
So that thing needs to be kept in mind while doing all this and.
Next up, you need to have this come under this fire base in it, once you've installed Vladimir Seelye,
then you have long been to the ground.
Daniel to put us disco under this fire is in it, and it means initialize this will initialize Vladimir.
So let let's first see how much time it's taking.
OK, so that is now updated.
Now let me see fire based version.
But admits version and.
That this law is little bit slow, I don't know why it's a big package or something like that.
But this is slow.
OK?
It was in nine point two zero point zero.
Let me clear this mess and now let me just Typekit.
Come on, let me make the screen bigger.
OK.
Because we don't need anything anymore.
So, yeah, one more important thing is that before any sliding fire the base up, before pushing you
out a project to fire based, you need to build your project before that.
That is a simple command that is npm run like an PMS space run space.
Be simple one line command three words and be run.
This will build your application.
This will create a built folder and that will folder will be a public folder, of course.
So all of the things will be executed from that only.
So whenever you deploy your application to Firebase and even if you like, deploy the application and
then you redeployed or you make changes to it and you just push that, that and also it's very important
to build your application.
So here we'll grab this and able build and then we'll have to enter.
And this will take a few seconds, maybe a minute or so and a bit after this is completed, a bail folder
will be created here.
So that is what we're hoping for.
And taking a little time and then we can see what is happening on the.
Offside.
OK, we have.
We want to exclude this come not fire commissioner.
First, let's let it create the bill.
OK, you can see the bill for light is created, but now the files are being moved to it.
That's why taking a little time.
Of course, it will not take as time as the NBA start takes maybe half of that, or maybe a quarter
of that.
Totally depends on your files.
So our product has been paid, and you can see all of the files and all in the bill folder, so the
public files, basically the bill folder consists of the public files, whatever that in the public
know, that will be transferred in and the copy will be made inside this folder and some more external
files like we don't want to get into it in detail that sort of work.
It will just create a big folder.
And that's it.
OK, now when we check on the website next to all which we.
Execute the fire at a business, so let me just go to terminal and let me first clear this mess.
Now when you type.
Fire at a base in the.
Now, just fill in this light, the fire is a lie or not terminal, or of course, this will take few
seconds if we are doing it for the very first time.
And if you feel like using it frequently, then it should not take time.
And if we're using frequently, then then what's the point of telling this?
You already know that will take time.
OK, so now.
We are on the fire, basically.
From here, we need to select multiple like there are so many options that are multiple options.
Now it depends on us which option we want to select, what we want to do with that application, we
want to hold state or waterboard or anything OK that are like our database, remote config, emulators,
storage and fire, restored functions, whatever like what not.
So we want to set up.
Hosting.
It's the normal hosting configured files for five years, hosting and optionally set up Betamax and
deploys.
This is an option you can like, set up a bit of action, deploy to it and if you don't want, you can
directly come to Firebase and then deploy it manually.
That totally depends on you or when you want to select an option.
From here you have two operators.
You have to press the spacebar, but you can navigate from the left arrow keys and for selecting, you
need to press the spacebar.
So what we need to select hosting, select the hosting by pressing the spacebar, and then you can just
hit.
Enter the select enter into that particular field to enter.
And that it will give you an option to select the product like you are using an existing project or
do you want to create a new project?
Or do you want to do?
So we have already created a project inside the Firebase console on the website, so we will use an
existing project.
So now you don't need to press because what you need to just 18 to use the existing product and enter.
Now it will get OK.
That is a shoe here.
We are not we are not seeing our project here.
OK, let me go to the browser and check.
OK, what is next here?
If I was the glue that I know him or continue to console.
Why our project is not being listed there.
Only one product of the.
Clive, I.
When we go to odd.
Project overview.
And the Web.
OK, we did not register that.
OK, we forgot to register that.
So let's registered our application and you can provide a nickname to the application here will provide
the cafe also set up Firebase hosting.
OK, we'll do that manually.
No need to worry about register that every.
It's being registered.
Okay, now it will tell us to do all of that stuff, but we've already done it.
We need to do anything like this and we will do it from the terminal itself and be installed by the
that.
All we have done already like we have installed a global fire team.
It's not five installs tools, but that's enough now to just click on continue to control.
Now, let us try to do it again to see.
So for that, continue to press control, see that this.
Clear this mess up with the clear command, and now we'll try to fire the BS in it.
Hey, this is taking a little time.
OK, now we need to select body here.
Yeah, we need to select posting spacebar and use existing project.
And while it's not slowing.
The recipe of known simply home, this is a cafe.
It's not going.
Wait, a sec.
Maybe we need to install this package is npm install, I have the base.
So this is what it's showing this.
I just and I just executed just come on and be minstrel to bits.
I think the screen was done, but I'm repeating it again.
I just I could go to this come on npm, install Firebase.
And it will take a few seconds to load because I'm doing all this because our app is not being listed
in the like recent apps, so maybe that is some problem.
So that's why I'm installing this and PM install Firebase.
I'm not sure if you want to if we have to install this or not.
If this works out, it means we need to install it.
And if it doesn't, then do need to select the default vote for creation.
OK, it's been installed now, let me see if that works out clear and not I'm being fired based in some.
Let us go down.
We're starting.
Is.
Illegal to use an existing project.
And even now, it's not showing up.
Maybe I won't need to create and other projects we go to the.
Oh, go to the.
Homepage via the base page.
It will create a new project who will add a project to.
And in added.
Cafe.
Do you do to.
Zero two.
And before the hyphenate, if the hyphen zero two will continue.
We don't want our analytics, the rail project.
We'll take you seconds or so much project is ready, and I will continue, so.
Will do is we'll.
Click here.
The Web.
We registered our app for.
Feels like a fair deal to also set up hosting.
For deploying the RTA or the register that.
And.
Now it's telling us to do something for we don't need actually all of that.
We need to just install this and this.
We've already done, so we'll click on next.
This vital tool we have done on next this I, we already know.
OK, so now let us try that, folks and not.
And that will clear this by at a base in it.
And we will go to hosting.
The bill goes to being spacebar and and and will click on the link to use the existing project.
It's not showing us maybe my lake account has not linked or something like that, but we'll leave it
here for now because it's not working anymore.
So what happens usually is that it will show you the name of her application here, and we just hit
enter.
And then you need to just press some commentators.
Europeans basically press Cassius and then to just run a command and is fire team is deploy.
So if you do like when the skin was Audie or if you are facing any of the problems, you can just go
to the website of Firebase and follow the instructions.
Maybe there is something wrong with my terminal.
That is why it's not working right now, but it is.
It usually does for my app is being registered, but in the terminals not showing that register.
So you can just do that in just and follow these steps.
And you can if you if you are working properly on that, you'll find the name of application, then
you'll be alerted and then you need to provide the name of your like for the mail folder in in the public
folder, which you're using.
It will ask like which public political using will provide the billing name him and then you will provide
us to everything, and then you will just provide a command that does.
And so by any means deploy and that will deploy your application on the web site for this project.
I hope you've learned a lot.
Thank you so much.