In the coming videos, I'm going to show you how to deploy a react application to a variety of different
providers.
I'm going to show how to deploy the YouTube app, but you can deploy any project we've built so far
inside this course as long as it was built using create react app.
The deployment process, I got to show you, is going to work just fine.
So, again, you can play the YouTube app or any other one we've built so far.
The first provider we're going to deploy with is called Virtual.
We are starting off with Virge Cell to do a deployment just because it is so easy and quick to get started
to deploy with Versed Cell.
We're going to sign up for an account adverse Cellcom.
We're then going to install the Ver cell selye onto our local machine.
And then we will run one single command inside of our project directory.
So let's give this a shot inside of a new browser tab.
I will navigate to Verdell dot com.
And it looks like I'm already signed in.
Let me just sign out really quickly.
Once here, you'll then find on the top right hand side.
Either log in or sign up.
I already have an account myself, so I'm going to log in.
When you sign up with ver cell or log in.
You're going to authenticate through GitHub, get lab or BitBucket.
So you will need an account with one of these providers to continue.
I'm going to sign in through my get hub account.
Once you sign up, that's pretty much it.
So we can now go back over to our terminal.
We're going to install the verse Celsi Allai and then run one or two quick commands with it.
So at my terminal, I'm going to navigate to my YouTube project directory.
Make sure that you're inside of your YouTube project directory or any other of the projects we've built
so far.
Then inside of here at our terminal, we're going to run NPM, install Das G Bursill.
This is going to install diverse cell CLIA onto your local machine.
If you run this command in your own windows and you get an air, just make sure that you reopen your
command prompt as an administrator and they can try running this command again.
OK, so going to run that it installs very quickly, I'm then going to run one command to sign into
herself through the CLIA, so I'm going to run BURSILL log in as soon as you run that command.
You're going to enter your email address.
That's really important.
You need to enter the email address that is associated with the account or the provider that you just
signed in over adverse Cellcom with.
So in other words, you have to enter your GitHub or BitBucket or get lab email address.
It's going to enter that and hit enter.
And then going to be told that I was sent an e-mail.
And I need to go and find that e-mail and click a link inside of it, so inside of a second monitor
that I have, I'm going to open up my e-mail address and just wait for that e-mail to appear.
Go.
So I'm going to get an email that looks a little bit like this right here in the email, is gonna be
a black verify button.
Just go ahead and click on that one.
And that's going to log you into her cell.
Well, then go back over to our terminal and see that everything has resolved.
So now once again, making sure them inside of one of my project directories, I went to run simply
verso the first time we run this command.
We're going be asked a series of different questions.
We're just about all these questions.
We can just use the default responses.
So I'm going to hit, enter, enter, enter, enter, enter.
And then finally, the very last question you'll notice is that it has detected that we are making use
of a create react out project.
So this is just saying, hey, you want to use the create react outside to deploy.
Right.
And of course we do.
So I can hit enter one more time.
After that will then be told that our application is being built and deployed.
So we're gonna wait for about 30 seconds or so and after that will then be given a link that we can
visit and see our application running inside the browser, the link that we are going to be provided.
It's 100 percent public.
You can take this link and share it with your friends family.
Put it on your resumé.
Put it in a portfolio, whatever you want to do with it.
Deploying with Rowsell is one hundred percent free.
So you don't really have to worry about this project some time, some day disappearing or anything like
that.
OK.
So looks like it's all deployed.
So here is my deployment link right there.
Going to take that address and then visit it inside my browser.
And there we go.
There is my running YouTube application.
Again, anyone can visit this link and see my app.
Now, of course, deploying our app just one time isn't quite enough.
We might eventually make some update.
So how would we redeploy our application now?
Well, first, let's go and make a very small change to my two hour project.
I'm going to go into my search bar component and I'm just going to update that label text right there.
So back inside my code editor very quickly, I'm going to find my search bar component file.
Find the label and I'll change the label to, say, search for a video.
I'll then save that.
And now we want to redeploy our application to redeploy our app.
We'll just go back over to our terminal.
Again, make sure that we're inside of our project directory and run cell, dash, dash, broad.
Well, then see the same output scroll on by once again.
So it's going to rebuild our project and then give us another updated link.
Again, this would take about 30 seconds or so.
So I'm going to speed up the video very quickly.
My redeploy is now complete so I can take this new link right here.
Well, it's really the same link.
But in theory, it's updated.
And then visit that inside my browser.
So I hit refresh again and I will see that updated label search for a video.
And that's pretty much it.
So, again, anytime you want to deploy a project, just run over cell inside your project directory,
any time you want to redeploy it into place, a new update.
You'll run via cell, dash, dash, prod.
Well, like I said, Rowsell is as easy as it gets.
But we're going to take a look at one or two other providers as well.
So quick pause and we'll take a look at another provider in the next video.