1
00:00:04,080 --> 00:00:04,590
Very well.

2
00:00:04,590 --> 00:00:12,330
So now we are going, uh, to see the last step of, uh, this blog.

3
00:00:12,330 --> 00:00:18,120
We are going to learn how to deploy our front end application on Vercel.

4
00:00:18,120 --> 00:00:26,220
Com you will see, uh, how to upload the front end application to GitHub, how to create a free account

5
00:00:26,220 --> 00:00:33,120
on Vercel, how to create a new project on Vercel by importing the front end from GitHub.

6
00:00:33,330 --> 00:00:37,470
How to enter the environment variables on Cellcom.

7
00:00:37,470 --> 00:00:43,080
How to check that the course configuration is correct so that it does not blow communication between

8
00:00:43,080 --> 00:00:44,370
front end and back end.

9
00:00:44,370 --> 00:00:51,030
And finally a remember where to find the answers in CAS in case of doubts or product.

10
00:00:51,030 --> 00:00:56,520
This is something that we repeat, uh, almost every lesson in case of in case of doubt of problems

11
00:00:56,520 --> 00:01:02,040
or questions, go to ChatGPT and all the other, uh, channels you already know.

12
00:01:02,040 --> 00:01:09,660
So in the right side of the screen, you have the instructions to deploy the front end to Vercel.

13
00:01:10,790 --> 00:01:15,440
The first thing is to a prepare the GitHub repository.

14
00:01:16,220 --> 00:01:21,740
A in order to do this a and to load a to.

15
00:01:22,630 --> 00:01:29,620
To load, uh, your, uh, front end, uh, application to GitHub, you will need to follow the same

16
00:01:29,620 --> 00:01:32,830
instructions we shared with you, uh, for the back end.

17
00:01:32,860 --> 00:01:36,730
Then you will create a free virtual account.

18
00:01:36,730 --> 00:01:38,170
You don't have one yet.

19
00:01:38,170 --> 00:01:39,880
Here, you have some instructions.

20
00:01:39,880 --> 00:01:43,270
Then you will connect your GitHub repository with Vercel.

21
00:01:43,270 --> 00:01:46,090
This is super easy as you have here.

22
00:01:46,330 --> 00:01:49,390
Then you will configure your project in Vercel.

23
00:01:49,510 --> 00:01:53,380
Uh, especially the project options and the environment variables.

24
00:01:53,380 --> 00:01:59,770
And this is important a in the step five you will deploy.

25
00:02:00,420 --> 00:02:05,790
And a you will verify your application following this application.

26
00:02:05,820 --> 00:02:14,040
The important thing here is to enter the environment variables correctly, especially the one referred

27
00:02:14,040 --> 00:02:17,250
to where to find your back end application.

28
00:02:17,250 --> 00:02:22,230
Okay, so follow these instructions and everything will be okay.

29
00:02:22,890 --> 00:02:28,770
And finally, this is the last step you need to perform in order to check that the course configuration

30
00:02:28,770 --> 00:02:35,310
configuration is correct, so that it does not blow communication between front end and back end okay.

31
00:02:35,310 --> 00:02:42,450
So go to the Main.py, uh, file in your front end and.

32
00:02:43,200 --> 00:02:45,930
Change the line 20.

33
00:02:49,110 --> 00:02:50,460
Now this is the back end.

34
00:02:50,460 --> 00:02:51,390
This is the back end.

35
00:02:52,490 --> 00:02:53,180
Okay.

36
00:02:54,140 --> 00:02:58,010
So this is an alternative way to do this.

37
00:02:58,010 --> 00:03:05,690
And this is the way and your course configuration should, uh, should, uh, should, should look like.

38
00:03:05,690 --> 00:03:08,600
And here you have just, uh, a consideration.

39
00:03:08,600 --> 00:03:12,440
If your data does not load, try to push cache inverse.

40
00:03:12,470 --> 00:03:12,830
Okay.

41
00:03:12,830 --> 00:03:14,990
And this is the way to do it.

42
00:03:14,990 --> 00:03:24,950
So once you have completed, uh, these steps, your vercel URL is going to look something like this.

43
00:03:24,950 --> 00:03:32,750
You see, what is the good thing about about having a vercel free URL like this.

44
00:03:32,750 --> 00:03:38,360
First, it is connected with the backend so you can enter a new task.

45
00:03:38,360 --> 00:03:38,720
Here.

46
00:03:38,720 --> 00:03:45,680
You can say, okay, so now we want to go to the moon okay.

47
00:03:45,770 --> 00:03:52,790
Now remember this is integrated with the render database is not your computer's database anymore.

48
00:03:52,790 --> 00:03:55,130
Is the one you created in render okay.

49
00:03:55,280 --> 00:04:02,450
But the good thing about this is that apart from I mean having a free full stack application with free

50
00:04:02,480 --> 00:04:07,130
vercel and free render, you have completed the whole process.

51
00:04:07,700 --> 00:04:14,240
Uh, once you are building larger applications, you will have to use the paid version of Vercel and

52
00:04:14,240 --> 00:04:18,410
the paid version of render or any other alternatives you use.

53
00:04:18,410 --> 00:04:27,710
But right now you are not only completing the cycle, but you are also having a URL where you can,

54
00:04:27,710 --> 00:04:34,910
uh, send your users, your customers, your managers, the your team members, etc. in order for them

55
00:04:34,910 --> 00:04:37,670
to use your full stack application online.

56
00:04:37,670 --> 00:04:40,460
So this is really, really powerful.

57
00:04:40,850 --> 00:04:49,250
So, uh, congratulations to have reached this point in the program and in the lesson, this is a very,

58
00:04:49,250 --> 00:04:50,750
very, very important lesson.

59
00:04:50,750 --> 00:04:53,990
In my opinion, this is the peak of the program.

60
00:04:53,990 --> 00:05:02,600
And once you feel comfortable with this lesson, you are going to, uh, to have covered a very, very

61
00:05:02,600 --> 00:05:03,920
important milestone.

62
00:05:03,920 --> 00:05:06,920
So from now on, it is going to be easier and easier.

63
00:05:06,920 --> 00:05:15,890
But again, my recommendation go back and repeat each of the subsections of this lesson until you are

64
00:05:15,890 --> 00:05:21,110
familiar and comfortable before going to the next, uh, to the next lesson.

65
00:05:21,110 --> 00:05:21,710
Okay.