1
00:00:02,000 --> 00:00:03,000
[Maximilian Schwarzmüller] This module

2
00:00:03,000 --> 00:00:08,000
is an optional module because this module

3
00:00:08,000 --> 00:00:13,000
will summarize the core features NextJS has to offer.

4
00:00:13,000 --> 00:00:16,000
And it will therefore summarize this course without diving

5
00:00:16,000 --> 00:00:20,000
into all the depths and specific features

6
00:00:20,000 --> 00:00:22,000
this course does cover in depth,

7
00:00:22,000 --> 00:00:24,000
because this here is just a summary.

8
00:00:25,000 --> 00:00:28,000
Therefore, you can go through this module

9
00:00:28,000 --> 00:00:31,000
without going through the course first,

10
00:00:31,000 --> 00:00:33,000
if you've got limited time and

11
00:00:33,000 --> 00:00:37,000
you only wanna learn about the essence of NextJS,

12
00:00:37,000 --> 00:00:40,000
you wanna learn about the most important NextJS features

13
00:00:40,000 --> 00:00:44,000
and dive deeper into NextJS later,

14
00:00:44,000 --> 00:00:47,000
then you can go through this module and

15
00:00:47,000 --> 00:00:49,000
that's why you may be came here

16
00:00:49,000 --> 00:00:52,000
or you're going through this module

17
00:00:52,000 --> 00:00:54,000
because you completed the course already,

18
00:00:54,000 --> 00:00:56,000
maybe a couple of months ago,

19
00:00:56,000 --> 00:00:59,000
and you now wanna dive back into NextJS

20
00:00:59,000 --> 00:01:04,000
and wants to get a quick overview over the core features.

21
00:01:04,000 --> 00:01:06,000
Or you just finished the course

22
00:01:06,000 --> 00:01:08,000
and you know everything you learned,

23
00:01:08,000 --> 00:01:10,000
but still you want to get a quick overview,

24
00:01:10,000 --> 00:01:14,000
a quick summary of the core features.

25
00:01:14,000 --> 00:01:16,000
And that's what this module will be about.

26
00:01:16,000 --> 00:01:19,000
It does not replace the entire course,

27
00:01:19,000 --> 00:01:21,000
It just can act as a shortcut

28
00:01:21,000 --> 00:01:24,000
to get an overview of the core features

29
00:01:24,000 --> 00:01:26,000
or as a summary module.

30
00:01:26,000 --> 00:01:29,000
And hence you can of course also ignore this module

31
00:01:29,000 --> 00:01:32,000
If you need neither of these things.

32
00:01:32,000 --> 00:01:34,000
Now in this module,

33
00:01:34,000 --> 00:01:37,000
I will explain in depth what NextJS is

34
00:01:37,000 --> 00:01:40,000
and why you might wanna consider using it.

35
00:01:40,000 --> 00:01:44,000
Why just ReactJS might not be enough

36
00:01:44,000 --> 00:01:48,000
or might not give you everything you want.

37
00:01:48,000 --> 00:01:52,000
We're going to explore some of NextJSs key features,

38
00:01:52,000 --> 00:01:55,000
file-based routing and page pre-rendering.

39
00:01:55,000 --> 00:01:58,000
and I'll explain what that is.

40
00:01:58,000 --> 00:02:00,000
And we're also going to learn

41
00:02:00,000 --> 00:02:04,000
how we can build full stack applications with NextJS,

42
00:02:04,000 --> 00:02:06,000
by adding an API to our project,

43
00:02:06,000 --> 00:02:08,000
and by adding data fetching

44
00:02:08,000 --> 00:02:12,000
to pre-render pages with data.

45
00:02:12,000 --> 00:02:16,000
We're going to learn all about that in depth in this module,

46
00:02:16,000 --> 00:02:18,000
we're going to see many small examples

47
00:02:18,000 --> 00:02:20,000
and an example project,

48
00:02:20,000 --> 00:02:23,000
a meetups project, which we're going to build,

49
00:02:23,000 --> 00:02:25,000
where we render a list of meetups

50
00:02:25,000 --> 00:02:30,000
and can add meetups and then display individual meetup data

51
00:02:30,000 --> 00:02:34,000
and where that data will be stored in an actual database.

52
00:02:34,000 --> 00:02:36,000
And we will write the code

53
00:02:36,000 --> 00:02:39,000
for communicating with that database.

54
00:02:39,000 --> 00:02:42,000
And we're going to build all of that with React,

55
00:02:42,000 --> 00:02:46,000
but specifically then also with NextJS,

56
00:02:46,000 --> 00:02:50,000
by using the powerful features, NextJS offers us

57
00:02:50,000 --> 00:02:53,000
on top of React as we know it.

58
00:02:53,000 --> 00:02:54,000
And therefore let's dive in

59
00:02:54,000 --> 00:02:57,000
and let's explore the most important question first.

60
00:02:57,000 --> 00:03:01,000
What exactly is NextJS and why would we use it?