1
00:00:02,000 --> 00:00:03,000
Now that we did learn,

2
00:00:03,000 --> 00:00:07,000
about one of the most important Next.js features,

3
00:00:07,000 --> 00:00:09,000
the file-based routing,

4
00:00:09,000 --> 00:00:12,000
it is time to practice what we learned.

5
00:00:12,000 --> 00:00:15,000
It is time to apply what we learned in theory

6
00:00:15,000 --> 00:00:18,000
to a small demo project

7
00:00:18,000 --> 00:00:20,000
and therefore now it's project time,

8
00:00:20,000 --> 00:00:22,000
we're going to apply what you learned.

9
00:00:22,000 --> 00:00:25,000
Now in this course section year,

10
00:00:25,000 --> 00:00:29,000
we are going to build this little events app

11
00:00:29,000 --> 00:00:33,000
where we can browse a list of events,

12
00:00:33,000 --> 00:00:36,000
where we can then select a single event

13
00:00:36,000 --> 00:00:40,000
and where we can also filter for events.

14
00:00:40,000 --> 00:00:43,000
And we're going to build that with Next.js of course

15
00:00:43,000 --> 00:00:45,000
and with what you learned thus far.

16
00:00:45,000 --> 00:00:47,000
Therefore in detail,

17
00:00:47,000 --> 00:00:51,000
we are going to create this complete project

18
00:00:51,000 --> 00:00:55,000
from the ground up together, step by step,

19
00:00:55,000 --> 00:00:58,000
so that we really get that practical experience

20
00:00:58,000 --> 00:01:00,000
with Next.js.

21
00:01:00,000 --> 00:01:05,000
We are going to add both Static and Dynamic Routes

22
00:01:05,000 --> 00:01:08,000
to this project because we will need both

23
00:01:08,000 --> 00:01:12,000
and we are also going to add regular React components

24
00:01:12,000 --> 00:01:16,000
So non-page components to this project

25
00:01:16,000 --> 00:01:18,000
something we haven't done thus far,

26
00:01:18,000 --> 00:01:22,000
we didn't add normal components in the last core section.

27
00:01:22,000 --> 00:01:24,000
Now we are going to do that

28
00:01:24,000 --> 00:01:27,000
and we are going to connect everything.

29
00:01:27,000 --> 00:01:30,000
And therefore, of course the primary purpose

30
00:01:30,000 --> 00:01:34,000
of this project is to practice what we learned.

31
00:01:34,000 --> 00:01:37,000
But you will also learn a couple of new things,

32
00:01:37,000 --> 00:01:42,000
for example, where to store regular React components.

33
00:01:42,000 --> 00:01:45,000
And hence I definitely recommend that you follow along

34
00:01:45,000 --> 00:01:48,000
and go through that project together with me,

35
00:01:48,000 --> 00:01:51,000
of course if you're feeling super fancy,

36
00:01:51,000 --> 00:01:54,000
also definitely pause from time to time

37
00:01:54,000 --> 00:01:57,000
and try out the next steps on your own.

38
00:01:57,000 --> 00:02:00,000
But with that, let's dive right in

39
00:02:00,000 --> 00:02:02,000
and let's create and plan our project.