1
00:00:00,000 --> 00:00:05,000
Now, speaking of amazing NextJS features,

2
00:00:05,000 --> 00:00:08,000
I wanna come back to that decision we had to make

3
00:00:08,000 --> 00:00:12,000
when we created a new Next project.

4
00:00:12,000 --> 00:00:14,000
There, we had to choose whether we want

5
00:00:14,000 --> 00:00:17,000
to use the App Router or not.

6
00:00:18,000 --> 00:00:21,000
And I mentioned that there are simply two different ways

7
00:00:21,000 --> 00:00:23,000
of building NextJS apps,

8
00:00:23,000 --> 00:00:28,000
and these different approaches exist for historic reasons.

9
00:00:28,000 --> 00:00:30,000
There is the so-called Pages Router

10
00:00:30,000 --> 00:00:32,000
and the So-called App Router.

11
00:00:32,000 --> 00:00:35,000
Now, no matter which approach you choose,

12
00:00:35,000 --> 00:00:38,000
you are building full-stack applications

13
00:00:38,000 --> 00:00:40,000
where the pages are rendered on the server,

14
00:00:40,000 --> 00:00:43,000
and where you use the file system to set up routes.

15
00:00:43,000 --> 00:00:45,000
That's always the case,

16
00:00:45,000 --> 00:00:50,000
but the Pages Router is the older way of doing that.

17
00:00:50,000 --> 00:00:53,000
This approach has been around for many years,

18
00:00:53,000 --> 00:00:55,000
and it's a very stable approach.

19
00:00:55,000 --> 00:00:59,000
And indeed, I cover it in depth in this course

20
00:00:59,000 --> 00:01:01,000
because it's very stable

21
00:01:01,000 --> 00:01:03,000
and because it's used in many projects.

22
00:01:03,000 --> 00:01:07,000
Now, as mentioned with this approach, with the Pages Router,

23
00:01:07,000 --> 00:01:09,000
you build feature-rich, full-stack apps

24
00:01:09,000 --> 00:01:12,000
with React and NextJS.

25
00:01:12,000 --> 00:01:14,000
So, that's the case with this approach as well.

26
00:01:14,000 --> 00:01:18,000
But we then also have that other approach, the App Router,

27
00:01:18,000 --> 00:01:22,000
which is a relatively new way of building NextJS apps.

28
00:01:22,000 --> 00:01:27,000
It was introduced with NextJS 13, so not too long ago,

29
00:01:27,000 --> 00:01:31,000
and it is now an approach that is marked as stable

30
00:01:31,000 --> 00:01:32,000
but still relatively new,

31
00:01:32,000 --> 00:01:37,000
and at least in my experience, also partially still buggy.

32
00:01:38,000 --> 00:01:40,000
Nonetheless, it's the most modern way

33
00:01:40,000 --> 00:01:42,000
of building NextJS apps,

34
00:01:42,000 --> 00:01:46,000
unlocking many amazing modern new features

35
00:01:46,000 --> 00:01:50,000
like React Server components or Server Actions,

36
00:01:50,000 --> 00:01:53,000
which are features I'll explain in greater detail

37
00:01:53,000 --> 00:01:55,000
throughout this course, of course.

38
00:01:55,000 --> 00:01:58,000
Therefore, it's the future of NextJS,

39
00:01:58,000 --> 00:02:02,000
and that's why in this course I of course also cover that.

40
00:02:02,000 --> 00:02:05,000
I simply cover both approaches.

41
00:02:05,000 --> 00:02:08,000
But we'll start with the App Router

42
00:02:08,000 --> 00:02:11,000
after this React.js refresher section

43
00:02:11,000 --> 00:02:13,000
before we then take a close look

44
00:02:13,000 --> 00:02:16,000
at the Pages Router thereafter,

45
00:02:16,000 --> 00:02:18,000
so that by the end of the course

46
00:02:18,000 --> 00:02:20,000
you know about both approaches

47
00:02:20,000 --> 00:02:23,000
and you are ready to work on any NextJS project,

48
00:02:23,000 --> 00:02:27,000
no matter which approach that project is using.