In order to get started, you want to navigate to render.com and if you don't have an existing account,
you're looking for this.
Get started for free option.
Now, in my case, I already have a few accounts, so of course I'm just going to log in.
But essentially you want to complete the signup.
Now I strongly actually suggest using GitHub option since we'll have to access our repo anyway, so
let me sign in.
I'm going to sign in with one account which basically has no projects, just so you can see how your
dashboard is going to look like.
And essentially you're looking for this new web service.
And like I said, they will ask you to connect to GitHub anyway, so you might as well right away use
GitHub as your sign in option.
Now let me navigate to my main account.
And essentially, once you already have some projects, this is how your dashboard is going to look
like.
So again, in your case, you want to connect to GitHub, but in my case I'm going to go with new then
web servers.
It's going to right away suggest connecting to a repo.
And of course, we need to first create one.
So now let me navigate to a GitHub.
I want to go with new as far as the repository name, I'm going to go with temp mern course since I
know that I'm going to delete it anyway.
Then we're looking for creating repository and in my case I want to grab these three commands.
Then let's navigate back to our project.
I want to remove the existing one if there is any, so I'm going to go with.
RM rf and then get again.
That's always just my preference, then get in it.
So we create the repo, we add all of the files with git add and then dot, then git commit.
And as far as the commit message, I'm just going to go with first.
Commit.
And then let's clear again everything and push it up to a GitHub.
So let's navigate back and if everything is correct, we'll see our project nicely sitting on GitHub.
So now let's navigate back to the render.
We're looking for temp over here and it looks like.
I need to refresh over here since it's not getting the latest repost.
Yep.
Notice over here.
This is the one that I want to use.
So let me click on Connect.
And now we just need to provide a few values over here.
So for starters, what's going to be the name again?
I'm going to go with Temp Mern Course.
As far as the region, I don't think it matters in this case, but I'm going to go with the Ohio one.
Branch is going to be the main one.
Then as far as the runtime, we'll use Node.
The start command is going to be node and server.
And when it comes to a build command, well we want to go with NPM install, correct?
So we're just going to install all dependencies and then we're going to go with node and server.
Now of course we want to go with the free option over here and then we're also looking for advanced
so we can add environment variables one by one, or we can nicely skip that entire thing and I can just
go here with dot env, then navigate back to my local one, grab all of these values over here, copy
and paste, save it and we're pretty much good to go.
So now Render is starting to work on our project and it takes a little bit of time.
So I'll stop the video right now and I'll resume it once the render is done.
Building my project.
Okay.
It looks like it was a success.
Notice here I have your service is live.
Then I'm looking for my URL and check it out.
So basically it's a name and then on render.com gets attached to it.
Now of course if you go for paid option, you also can add your custom domain, but we're not going
to cover that in this course.
So let's go here.
This is going to be the URL.
And again, I'll just try two things.
I'll try.
Accessing this with my demo one.
Notice this is going to be my application again.
I have the jobs.
All of this is correct.
I have the stats.
I also have the profile.
Let me try to mess with it.
Nope, it's a demo user.
Now let me switch back to a dark mode.
Since that seems a little bit more familiar.
And then log out.
Let's log in back as John.
Remember, our database is working, so we don't need to really do anything.
So I can just go here and I can nicely access everything.
Now I just need to provide my password and I'm pretty much good to go, So let me click on Submit.
Yep.
This is my application.
All jobs.
And notice this is the last one we created locally, so I'm pretty sure that everything works.
A quick update since I recorded the course.
Unfortunately render platform does not support image upload to free services anymore, so don't be surprised
to see that the update user functionality as it is right now does not work.
Don't worry, we'll fix the issue in future videos.