1
00:00:00,270 --> 00:00:00,840
Great.

2
00:00:00,870 --> 00:00:03,690
Our last objective is going to be deploying our.

3
00:00:03,800 --> 00:00:10,320
And since it's not our first rodeo I'm assuming you already have the if I count the get ever count as

4
00:00:10,320 --> 00:00:12,930
well as get configured on your computer.

5
00:00:12,930 --> 00:00:18,660
So let's get started and we're going to use continuous deployment and therefore we're gonna create first

6
00:00:18,720 --> 00:00:20,920
a github repository first.

7
00:00:21,060 --> 00:00:22,830
So let's head over to a github.

8
00:00:22,830 --> 00:00:27,330
We're gonna say new repo and then as far as the repo name I don't know.

9
00:00:27,330 --> 00:00:37,710
Let's go with vintage when TJ Maxx store and I'm gonna add a recording like so what I'm looking for

10
00:00:37,710 --> 00:00:44,190
is two commands one that's going to add my remote repository and second one that's gonna push it up

11
00:00:44,190 --> 00:00:47,400
to a multiple let me copy and paste it.

12
00:00:47,400 --> 00:00:52,470
We're gonna head over to our local project our front end and we're going to initialize it first as a

13
00:00:52,470 --> 00:00:55,290
get her repo so get in it.

14
00:00:55,500 --> 00:01:02,130
Then we're gonna run get ad so essentially we're gonna add all the files and then we're looking for

15
00:01:02,370 --> 00:01:03,660
some kind of commit.

16
00:01:03,780 --> 00:01:08,510
So I'm gonna go get commit message and an initial commit.

17
00:01:08,640 --> 00:01:16,470
Initial initial comment is going to be my message and then I'm going to copy and paste both of the commands

18
00:01:16,910 --> 00:01:22,860
one for summing up again the remote repo and then the second one pushing up to our people.

19
00:01:22,890 --> 00:01:27,420
So first we get the URL and then the second one we just push it up to a you.

20
00:01:27,950 --> 00:01:31,940
And once that is done we're gonna check out the github.

21
00:01:32,160 --> 00:01:32,850
You can see that.

22
00:01:33,090 --> 00:01:34,850
Yep there is my project.

23
00:01:35,100 --> 00:01:39,230
And now back in the net lo fi I'm going to log in.

24
00:01:39,640 --> 00:01:41,590
And in this case I'm going to set it up.

25
00:01:41,810 --> 00:01:46,370
So I'm going to log in with my github and then I'm going to use the new site from it.

26
00:01:46,560 --> 00:01:53,790
Again we're not just jargon dropping we are in fact setting up everything with a continuous deployment.

27
00:01:53,940 --> 00:01:58,450
And in that case I'm going to say a new site from get say GitHub.

28
00:01:58,500 --> 00:02:00,060
That's what I'm looking for.

29
00:02:00,150 --> 00:02:02,890
And then I just need to look for my repo.

30
00:02:03,000 --> 00:02:07,320
So essentially I'm going to look for vintage vintage.

31
00:02:07,350 --> 00:02:13,630
And then I should have my vintage store select it then it's going to tell me right away that we're going

32
00:02:13,630 --> 00:02:18,330
to run NPM run build and we're going to look in the build directory.

33
00:02:18,330 --> 00:02:20,270
Yep let's deploy this site.

34
00:02:20,280 --> 00:02:22,150
I don't know how long it's gonna take.

35
00:02:22,170 --> 00:02:27,530
We might as well can rename the store if the name is not already taken.

36
00:02:27,630 --> 00:02:38,910
So I'm gonna go with a react vintage vintage tech store recording and I don't know I can add maybe version

37
00:02:38,910 --> 00:02:43,260
2 just so I know for sure that the name is not taken.

38
00:02:43,470 --> 00:02:49,920
If we want to take a look at how our deploy is taking place and of course we can just head over to deploys

39
00:02:50,430 --> 00:02:52,970
let's see what kind of messages we're gonna have.

40
00:02:53,040 --> 00:02:57,600
Of course the main message we're not looking for is some kind of error message.

41
00:02:57,600 --> 00:03:03,120
So if there is no error messages and it says that the site is live then we know that everything worked

42
00:03:03,120 --> 00:03:04,180
really well.

43
00:03:04,180 --> 00:03:11,050
And once I see the site is live we can preview the site and there is our tech store with our one product

44
00:03:11,050 --> 00:03:15,610
that's featured and of course two products if we check out all the products.

45
00:03:15,750 --> 00:03:22,030
And in this case we have our front and online as well of course because we have it deployed on notify

46
00:03:22,440 --> 00:03:29,040
and both of the apps are connected because our your URL string points to deployed strappy application.