1
00:00:00,680 --> 00:00:05,460
The next provider that we're going to play with is called Net Lafe Net, Lafe is very similar nature

2
00:00:05,460 --> 00:00:06,200
to her cell.

3
00:00:06,300 --> 00:00:11,670
It is a little bit harder to use, but it's also got many more features tied to it to to play with her

4
00:00:11,670 --> 00:00:12,110
cell.

5
00:00:12,180 --> 00:00:15,240
We are going to create a GitHub repo for our project.

6
00:00:15,720 --> 00:00:18,990
We're then going to commit all of our changes locally to a get repository.

7
00:00:19,500 --> 00:00:24,630
We're going to link our local project with our GitHub repository and then push all of our code up.

8
00:00:25,470 --> 00:00:31,230
After that will then go over to net lo fi, create an account and then link our GitHub account Andy

9
00:00:31,290 --> 00:00:36,450
repository that we want to deploy, notifies, then going to automatically pull our code out of this

10
00:00:36,450 --> 00:00:38,550
repository, build it and deploy it.

11
00:00:39,240 --> 00:00:40,650
So let's give this a shot.

12
00:00:41,250 --> 00:00:43,920
Step one, we're going to go to get hub dot com.

13
00:00:44,520 --> 00:00:46,770
Now I'm going to assume big assumption here.

14
00:00:46,800 --> 00:00:51,270
I'm going to assume that you are already familiar with GitHub, that you have an account and you have

15
00:00:51,330 --> 00:00:53,730
wired up your account to work on your local machine.

16
00:00:54,270 --> 00:00:58,560
So I really am going to assume you are already familiar and comfortable using GitHub.

17
00:00:58,950 --> 00:01:04,050
If you are not, I would really recommend that you go and watch a little short video on setting up GitHub,

18
00:01:04,230 --> 00:01:07,680
because I'm not going to show you how to set the stuff up on the GitHub side from scratch.

19
00:01:09,230 --> 00:01:12,020
Once I get Hub, I'm then going to create a new repository.

20
00:01:12,950 --> 00:01:15,830
I'm going to give my repository to some name that makes sense.

21
00:01:16,230 --> 00:01:19,850
I can call mine white t dash up since it's essentially a YouTube app.

22
00:01:20,720 --> 00:01:24,110
And then I can create this either as a public or a private repository.

23
00:01:24,230 --> 00:01:25,040
Doesn't make a difference.

24
00:01:25,130 --> 00:01:27,020
Either one will work just fine.

25
00:01:28,020 --> 00:01:29,260
Well, then create the repository.

26
00:01:30,720 --> 00:01:32,770
And then I will be given a link right here.

27
00:01:33,680 --> 00:01:39,950
I'm going to copy that, I'm then going to go back over to my terminal and I'm going to commit all the

28
00:01:39,950 --> 00:01:41,960
changes that I've made to my projects so far.

29
00:01:42,650 --> 00:01:46,520
So back over at my terminal again, inside of my video hoax project directory.

30
00:01:46,850 --> 00:01:53,610
I will do a get add dot and then a Guimet commit ready for deploy.

31
00:01:54,080 --> 00:01:54,500
Like so.

32
00:01:57,870 --> 00:02:03,590
After that all then link this repository with the repository they just created on GitHub to do so,

33
00:02:03,600 --> 00:02:09,480
we're going to write in, get remote, add origin and then paste in the link that we just got.

34
00:02:09,780 --> 00:02:10,380
That's not it.

35
00:02:10,950 --> 00:02:13,080
The link that we just got from GitHub.

36
00:02:13,230 --> 00:02:14,010
This one right here.

37
00:02:15,470 --> 00:02:17,990
They'll get remote at Origin and then that link.

38
00:02:20,400 --> 00:02:24,340
All right, now, though, we've linked these two repositories, we're then going to push all of our

39
00:02:24,340 --> 00:02:26,590
code to get up to once again at the terminal.

40
00:02:27,070 --> 00:02:27,290
We will.

41
00:02:27,290 --> 00:02:28,480
Iran get push.

42
00:02:28,750 --> 00:02:30,010
Origin Master.

43
00:02:32,240 --> 00:02:37,100
After running this command, we should be to go over to get Hub, refresh the page and see all of our

44
00:02:37,100 --> 00:02:38,570
different project files listed out.

45
00:02:39,200 --> 00:02:43,570
So back over here, I can now refresh this page and there is all my code.

46
00:02:45,630 --> 00:02:45,800
OK.

47
00:02:45,980 --> 00:02:46,880
Well, that was easy enough.

48
00:02:47,160 --> 00:02:50,400
So now we're going to go and sign up for an account at Netlist by dot com.

49
00:02:51,220 --> 00:02:54,170
So inside of a new browser tab, I'll navigate to net lo fi.

50
00:02:57,750 --> 00:03:00,630
I'm going to log in or sign up on the top right hand side.

51
00:03:03,020 --> 00:03:04,840
I'm going to make sure that I log in with GitHub.

52
00:03:08,380 --> 00:03:11,730
And then we'll come to a page that looks like this right here on the top right hand side.

53
00:03:11,760 --> 00:03:14,270
I'm going to find the button that says news site from get.

54
00:03:14,900 --> 00:03:19,100
When you click on this, you're going to be asked to click on one of your different providers.

55
00:03:19,520 --> 00:03:20,420
So I'm using Get Hub.

56
00:03:20,540 --> 00:03:24,080
I'm going to click on GitHub right there, and then I'll see a window start to appear.

57
00:03:24,620 --> 00:03:27,700
You will be asked to be provide access your account to nettled.

58
00:03:27,700 --> 00:03:28,020
Fine.

59
00:03:28,100 --> 00:03:29,380
So just go ahead and click, OK?

60
00:03:30,330 --> 00:03:31,700
You're then going to select your account.

61
00:03:32,030 --> 00:03:37,550
You'll then select the repository that you want to link up to nullify that you can link all repositories

62
00:03:37,640 --> 00:03:40,430
or alternatively, you can link just the one that you want to deploy.

63
00:03:40,910 --> 00:03:44,760
I have many different repositories and I just don't really want to share all them with net lo fi.

64
00:03:45,110 --> 00:03:49,490
So I'm going to select specifically my white t dash app repository.

65
00:03:52,240 --> 00:03:55,570
After I select that repository, I'll then click on install at the very bottom.

66
00:03:58,080 --> 00:04:01,370
OK, so we'll then see our repository listed right here.

67
00:04:01,670 --> 00:04:03,050
We're then going to click on it.

68
00:04:04,750 --> 00:04:09,280
We'll see some information that this is going to configure exactly how our project gets deployed.

69
00:04:09,790 --> 00:04:11,290
You'll see that it's kind of already noticed.

70
00:04:11,330 --> 00:04:13,870
So we've got a JavaScript or a react base project.

71
00:04:14,170 --> 00:04:16,030
So it's going to attempt to build our project.

72
00:04:16,330 --> 00:04:20,230
And this right here is going to list out the folder in which all of our built files get created.

73
00:04:20,770 --> 00:04:22,070
We can use all the defaults here.

74
00:04:22,150 --> 00:04:24,040
So we're just going to click on diploid site.

75
00:04:25,830 --> 00:04:28,910
And that's pretty much it the first time you deploy your sites.

76
00:04:29,000 --> 00:04:32,490
Notify is going to automatically pull down all of your source code and deploy it.

77
00:04:32,970 --> 00:04:36,900
You'll see site deploy in progress right here after a little bit.

78
00:04:36,930 --> 00:04:39,570
Well, then see that resolve into an actual link that we can click on.

79
00:04:39,810 --> 00:04:40,950
Very similar to Verso.

80
00:04:41,700 --> 00:04:44,400
So I'm going to once again just view the video up so I wouldn't have to wait around.

81
00:04:46,350 --> 00:04:47,040
And there we go.

82
00:04:47,100 --> 00:04:50,700
All done so I can now click on this link and see my application appear.

83
00:04:51,930 --> 00:04:52,320
Very good.

84
00:04:53,250 --> 00:04:57,390
Now, once again, let's take a look at how we're going to make updates or changes to our deployment

85
00:04:57,900 --> 00:04:59,310
to make a change to our application.

86
00:04:59,610 --> 00:05:05,070
We'll go back over to our editor once again inside of my components search bar, dodgiest file.

87
00:05:05,370 --> 00:05:07,140
I'm gonna make a very small changes label.

88
00:05:07,860 --> 00:05:10,700
Gonna change it to video search.

89
00:05:10,740 --> 00:05:11,370
How about that?

90
00:05:12,550 --> 00:05:12,730
OK.

91
00:05:12,880 --> 00:05:13,650
There's my change.

92
00:05:13,690 --> 00:05:16,540
I've saved the file now to deploy these changes.

93
00:05:16,630 --> 00:05:21,640
We're going to commit all these changes to our get repository and then push these changes up to get

94
00:05:21,640 --> 00:05:21,830
hub.

95
00:05:22,580 --> 00:05:23,710
So back at my terminal.

96
00:05:25,220 --> 00:05:30,200
Again, inside of my project directory, I will do a get status first and make sure that I've only made

97
00:05:30,200 --> 00:05:31,040
that one change.

98
00:05:31,820 --> 00:05:34,430
I will add that change with a get add dot.

99
00:05:35,850 --> 00:05:40,260
I will commit the change and I'll give it a message of updated label.

100
00:05:42,940 --> 00:05:46,460
And then finally, I'm going to push these changes up to my get up repository.

101
00:05:46,800 --> 00:05:48,070
So I will do a get push.

102
00:05:48,310 --> 00:05:49,530
Origin master.

103
00:05:52,400 --> 00:05:57,170
As soon as we push these changes up, Net is going to detect that we have edited our repository.

104
00:05:57,560 --> 00:05:59,720
It's then going to automatically rebuild our project.

105
00:06:00,250 --> 00:06:02,480
So if I go back over to this dashboard over here.

106
00:06:03,630 --> 00:06:05,100
I can refresh the page.

107
00:06:06,550 --> 00:06:11,740
Or just wait around and eventually I'm going to see a new deployment listed down here.

108
00:06:12,310 --> 00:06:15,040
So once again, I'm going to pause the video very quickly and just skip ahead.

109
00:06:16,790 --> 00:06:21,830
And after a little bit, I'll see that the new deployment has been published so I can now open up that

110
00:06:21,830 --> 00:06:22,130
link.

111
00:06:22,160 --> 00:06:22,790
Once again.

112
00:06:24,190 --> 00:06:26,230
And we'll see the updated label right there.

113
00:06:26,980 --> 00:06:27,670
That's pretty much it.

114
00:06:28,460 --> 00:06:32,530
And the nice thing about making use of net Lafite is that it has a very close integration with GitHub.

115
00:06:32,940 --> 00:06:37,570
So you can store all of your code up on GitHub, push all your changes and all those changes will be

116
00:06:37,630 --> 00:06:42,580
automatically made life, which is pretty fantastic as opposed to having to remember to run that first

117
00:06:42,580 --> 00:06:43,200
self-command.

118
00:06:43,870 --> 00:06:48,430
Besides that, I'd say net lo fi has a wider feature set, but I don't know.

119
00:06:48,610 --> 00:06:52,090
It's honestly, all these providers are wholly identical at the end of the day.

120
00:06:52,700 --> 00:06:56,090
Yeah, I'm sure some have some big differences, but they're pretty much all free.

121
00:06:56,110 --> 00:06:57,460
They pretty much all do the same thing.

122
00:06:57,700 --> 00:07:01,900
They can have a little percs, one over the other, and it's up to you to do just a little bit of research

123
00:07:01,900 --> 00:07:03,460
and figure out which one works best for you.

124
00:07:04,500 --> 00:07:08,290
So there is a versatile and net lymphoid Nettleton's scheming netlist fi deploy.