1
00:00:06,850 --> 00:00:12,580
In this subsection, we are going to talk about how to build the front end of the app.

2
00:00:19,690 --> 00:00:28,690
The most important things we are going to see during this subsection are how to install a starter template

3
00:00:28,690 --> 00:00:29,920
for our back end.

4
00:00:31,130 --> 00:00:34,790
How to connect the front end with the back end.

5
00:00:34,820 --> 00:00:44,240
We have already built how to build the main, uh, elements of our front end, what we call components

6
00:00:44,240 --> 00:00:46,670
in react, and also the different pages.

7
00:00:47,350 --> 00:00:51,280
How do we build the main to do list component?

8
00:00:51,820 --> 00:00:55,690
And you will see that we are mostly use basic react.

9
00:00:55,690 --> 00:01:03,220
So remember that, uh, we are using Next.js in our front end as the main framework.

10
00:01:03,220 --> 00:01:12,340
Remember that Next.js is a framework that is based on react is like react with a steroids on steroids.

11
00:01:12,340 --> 00:01:22,180
You know, and remember that react is a framework, very popular framework from front end build a using

12
00:01:22,180 --> 00:01:23,350
JavaScript.

13
00:01:23,350 --> 00:01:24,160
Okay.

14
00:01:24,430 --> 00:01:36,880
A so what we are going to use in this, uh, exercise is a very basic, uh, version of Next.js, which

15
00:01:36,880 --> 00:01:38,620
is basically react.

16
00:01:38,620 --> 00:01:47,710
So for uh, for the ones of you already familiar with react, you are not going to see a lot of new

17
00:01:47,710 --> 00:01:48,370
things.

18
00:01:48,370 --> 00:01:55,750
And for the ones that do not know are not familiar with react, we are going to use a very basic approach.

19
00:01:55,750 --> 00:02:01,540
And do you remember when you went to the quick start tutorial of Next.js?

20
00:02:01,540 --> 00:02:06,490
So the things you studied there are more or less the things we are going to use.

21
00:02:06,490 --> 00:02:09,220
So nothing complicated okay.

22
00:02:10,479 --> 00:02:16,900
So we will do this in a practical video following this one.

23
00:02:16,960 --> 00:02:23,350
And when we finish that video we will start the full stack application.