Okay.
And once you sign up for the account.
Most likely this is going to be your dashboard.
In my case, I have a few projects, but if you just create it, of course it's going to be empty.
We have few options here.
We can go with new and then we look forward a web service.
So if you want, of course you can set up the static side.
But in our case, remember, we have a full stack project, so.
For Node project and full Stack project.
We want to go with web service and if you don't see your project here, that means that you haven't
configured the GitHub setup.
So make sure you do that.
If all of this is empty, that means that you haven't configured because the render needs to access
your GitHub account in order to of course access the repos.
If you don't see the repos, please please, please please configure the GitHub setup and I'm going
to go with this one.
The one that we just set up, we'll go with Connect and then we just need to fill out some information.
First, we need to start with names.
I'm going to go with turn course job ify.
Then the group directory can stay the way it is.
Node.
Yep, that's the environment.
In my case, since I moved, I'm not using Oregon anymore.
I'm going to go with Ohio.
Then the branch manager?
That's correct.
And here's the build command.
So this is where we need to type that set up production.
We need to go with and PM run, set up and production.
So now on a server we will run that command that installs the dependencies and sets up the production,
build on the client and of course installs dependencies on the server as well.
And then we don't want to go with no indexes, we want to go with the server name.
Correct.
So in my case, the file name was server, so I'll go with Node and then server Jaz.
Let's keep on moving.
Notice this is going to be the free tier.
Yep, that's what we're going to go with.
And then for the advanced, we want to set up those environment variables.
Now, what's really cool about this platform, we have two options.
We can add them manually one by one.
So yes, this is the time when you run back to that entry and you just copy and paste.
So starting everything with JWT and then the Atlas Connection, or you can add the whole file and this
is something that I've been actually using a lot since I enjoy the fact that you literally can take
the whole thing and copy and paste.
So we go here with ADD secret file.
I'm going to go with name.
Yep.
And I just want to go back to the project, grab the contents of that entry and copy and paste and we're
pretty much good to go.
So let me do that.
I'll stop the video.
And then once all the secret values are in there, we will resume.
And once the data entry is in place, then we want to keep on scrolling.
And what's also really cool about this platform is that they do auto deploy.
What that means is that let's say you deploy your project, but after that you make some changes.
The only thing you need to do is push it up to a GitHub and render will automatically pick it up from
there, which is again really, really cool.
And that pretty much is set up by default.
Then we want to click on Create web service.
As a quick sidenote, yes, of course you can add or change those kind of variables later, but if you're
not going to set them up on the first one, on the first deployed, then of course your first deploy
will fail.
Just something that I wanted to mention.
So let's click here on Create Web Servers.
Now, this will take a little bit at least 3 to 4 minutes, so I'll stop the video and I'll resume once
the deployment is done.
The one last thing that I want to mention before I turn off the video is the cool fact that their logs
are extremely useful.
So it's not like in Heroku where you push it up and then they just give you some vague message if there's
anything wrong with it.
Actually in here they show the exact error as you would be getting locally, which is again really,
really awesome because it makes troubleshooting a breeze on the server.
And if you have been deploying some projects, the full stack ones, you know that sometimes it can
be a pain because it's very hard to find.
Well, what is the exact issue?
I mean you have some kind of code for that error, but I mean, it's very hard to find what is the actual
issue that you need to start Googling and all that stuff.
As you can see right now, we're installing stuff on the client.
And like I said, this will take a little bit, so I'll just stop the video and I'll resume once everything
is done.
And it looks like I was successful.
So let's try it out here.
That's my application.
First, let's try the demo.
User quickly.
Yep.
Log in.
Successful.
Now redirecting the profile.
Nope, I cannot do that.
Okay.
This is what we expected.
Stats.
All jobs.
Beautiful.
Let's try out that search functionality.
Yep.
That also seems to be working.
Let's log out.
Let me log in with my actual user.
I mean, hopefully I.
We'll be able to remember the correct email and password.
Looks about right.
Nope, I want to do that and let me just try to add a job.
So backend dev and I think I'm going to go with good old Facebook.
EP.
Let's try it out.
Job created.
And if I take a look at all the jobs.
This is the job that I just created.
It looks like everything is working.
We were able to build the application as well as deploy it on render platform.
Hopefully everyone enjoyed it and I hope to see you in my next course.