1
00:00:00,230 --> 00:00:08,180
In order to get started, you want to navigate to render.com and if you don't have an existing account,

2
00:00:08,210 --> 00:00:09,200
you're looking for this.

3
00:00:09,200 --> 00:00:11,530
Get started for free option.

4
00:00:11,540 --> 00:00:17,090
Now, in my case, I already have a few accounts, so of course I'm just going to log in.

5
00:00:17,090 --> 00:00:19,820
But essentially you want to complete the signup.

6
00:00:19,850 --> 00:00:26,930
Now I strongly actually suggest using GitHub option since we'll have to access our repo anyway, so

7
00:00:26,930 --> 00:00:28,250
let me sign in.

8
00:00:28,250 --> 00:00:34,370
I'm going to sign in with one account which basically has no projects, just so you can see how your

9
00:00:34,370 --> 00:00:35,960
dashboard is going to look like.

10
00:00:35,960 --> 00:00:38,990
And essentially you're looking for this new web service.

11
00:00:38,990 --> 00:00:44,960
And like I said, they will ask you to connect to GitHub anyway, so you might as well right away use

12
00:00:44,960 --> 00:00:47,660
GitHub as your sign in option.

13
00:00:47,840 --> 00:00:50,270
Now let me navigate to my main account.

14
00:00:51,060 --> 00:00:55,650
And essentially, once you already have some projects, this is how your dashboard is going to look

15
00:00:55,650 --> 00:00:56,140
like.

16
00:00:56,160 --> 00:01:01,560
So again, in your case, you want to connect to GitHub, but in my case I'm going to go with new then

17
00:01:01,590 --> 00:01:02,880
web servers.

18
00:01:04,080 --> 00:01:07,470
It's going to right away suggest connecting to a repo.

19
00:01:07,890 --> 00:01:10,490
And of course, we need to first create one.

20
00:01:10,500 --> 00:01:12,810
So now let me navigate to a GitHub.

21
00:01:12,840 --> 00:01:18,630
I want to go with new as far as the repository name, I'm going to go with temp mern course since I

22
00:01:18,630 --> 00:01:21,090
know that I'm going to delete it anyway.

23
00:01:21,120 --> 00:01:27,060
Then we're looking for creating repository and in my case I want to grab these three commands.

24
00:01:27,090 --> 00:01:29,730
Then let's navigate back to our project.

25
00:01:29,850 --> 00:01:34,560
I want to remove the existing one if there is any, so I'm going to go with.

26
00:01:35,540 --> 00:01:38,990
RM rf and then get again.

27
00:01:38,990 --> 00:01:43,140
That's always just my preference, then get in it.

28
00:01:43,160 --> 00:01:49,490
So we create the repo, we add all of the files with git add and then dot, then git commit.

29
00:01:51,250 --> 00:01:55,150
And as far as the commit message, I'm just going to go with first.

30
00:01:56,570 --> 00:01:57,230
Commit.

31
00:01:58,510 --> 00:02:03,010
And then let's clear again everything and push it up to a GitHub.

32
00:02:03,740 --> 00:02:10,419
So let's navigate back and if everything is correct, we'll see our project nicely sitting on GitHub.

33
00:02:10,430 --> 00:02:13,280
So now let's navigate back to the render.

34
00:02:13,610 --> 00:02:17,600
We're looking for temp over here and it looks like.

35
00:02:19,070 --> 00:02:23,810
I need to refresh over here since it's not getting the latest repost.

36
00:02:24,980 --> 00:02:25,550
Yep.

37
00:02:25,550 --> 00:02:26,300
Notice over here.

38
00:02:26,300 --> 00:02:27,980
This is the one that I want to use.

39
00:02:27,980 --> 00:02:30,320
So let me click on Connect.

40
00:02:30,320 --> 00:02:33,740
And now we just need to provide a few values over here.

41
00:02:33,740 --> 00:02:36,110
So for starters, what's going to be the name again?

42
00:02:36,110 --> 00:02:38,510
I'm going to go with Temp Mern Course.

43
00:02:39,390 --> 00:02:45,300
As far as the region, I don't think it matters in this case, but I'm going to go with the Ohio one.

44
00:02:45,960 --> 00:02:48,600
Branch is going to be the main one.

45
00:02:48,660 --> 00:02:52,530
Then as far as the runtime, we'll use Node.

46
00:02:53,320 --> 00:02:57,700
The start command is going to be node and server.

47
00:02:57,940 --> 00:03:04,210
And when it comes to a build command, well we want to go with NPM install, correct?

48
00:03:04,210 --> 00:03:09,520
So we're just going to install all dependencies and then we're going to go with node and server.

49
00:03:09,640 --> 00:03:16,330
Now of course we want to go with the free option over here and then we're also looking for advanced

50
00:03:16,480 --> 00:03:23,260
so we can add environment variables one by one, or we can nicely skip that entire thing and I can just

51
00:03:23,260 --> 00:03:31,390
go here with dot env, then navigate back to my local one, grab all of these values over here, copy

52
00:03:31,390 --> 00:03:35,230
and paste, save it and we're pretty much good to go.

53
00:03:35,410 --> 00:03:40,300
So now Render is starting to work on our project and it takes a little bit of time.

54
00:03:40,300 --> 00:03:45,940
So I'll stop the video right now and I'll resume it once the render is done.

55
00:03:45,940 --> 00:03:47,470
Building my project.

56
00:03:47,650 --> 00:03:48,040
Okay.

57
00:03:48,040 --> 00:03:49,870
It looks like it was a success.

58
00:03:49,900 --> 00:03:52,480
Notice here I have your service is live.

59
00:03:52,510 --> 00:03:56,150
Then I'm looking for my URL and check it out.

60
00:03:56,150 --> 00:04:02,000
So basically it's a name and then on render.com gets attached to it.

61
00:04:02,180 --> 00:04:09,770
Now of course if you go for paid option, you also can add your custom domain, but we're not going

62
00:04:09,770 --> 00:04:11,390
to cover that in this course.

63
00:04:11,390 --> 00:04:12,770
So let's go here.

64
00:04:12,860 --> 00:04:14,780
This is going to be the URL.

65
00:04:15,050 --> 00:04:16,970
And again, I'll just try two things.

66
00:04:16,970 --> 00:04:17,959
I'll try.

67
00:04:18,690 --> 00:04:21,209
Accessing this with my demo one.

68
00:04:21,300 --> 00:04:24,000
Notice this is going to be my application again.

69
00:04:24,000 --> 00:04:25,350
I have the jobs.

70
00:04:25,530 --> 00:04:26,760
All of this is correct.

71
00:04:26,760 --> 00:04:28,320
I have the stats.

72
00:04:28,470 --> 00:04:30,030
I also have the profile.

73
00:04:30,240 --> 00:04:31,920
Let me try to mess with it.

74
00:04:31,950 --> 00:04:34,140
Nope, it's a demo user.

75
00:04:34,260 --> 00:04:36,720
Now let me switch back to a dark mode.

76
00:04:37,410 --> 00:04:40,650
Since that seems a little bit more familiar.

77
00:04:40,650 --> 00:04:42,090
And then log out.

78
00:04:42,450 --> 00:04:44,140
Let's log in back as John.

79
00:04:44,160 --> 00:04:48,900
Remember, our database is working, so we don't need to really do anything.

80
00:04:48,900 --> 00:04:53,580
So I can just go here and I can nicely access everything.

81
00:04:53,670 --> 00:05:00,240
Now I just need to provide my password and I'm pretty much good to go, So let me click on Submit.

82
00:05:00,270 --> 00:05:00,960
Yep.

83
00:05:01,710 --> 00:05:03,140
This is my application.

84
00:05:03,150 --> 00:05:04,380
All jobs.

85
00:05:04,410 --> 00:05:09,840
And notice this is the last one we created locally, so I'm pretty sure that everything works.

86
00:05:10,330 --> 00:05:12,620
A quick update since I recorded the course.

87
00:05:12,630 --> 00:05:20,820
Unfortunately render platform does not support image upload to free services anymore, so don't be surprised

88
00:05:20,820 --> 00:05:26,400
to see that the update user functionality as it is right now does not work.

89
00:05:26,430 --> 00:05:29,760
Don't worry, we'll fix the issue in future videos.