1
00:00:02,000 --> 00:00:04,000
Up to this point in the course,

2
00:00:04,000 --> 00:00:07,000
we learned about pages and we learned about routing.

3
00:00:07,000 --> 00:00:10,000
And the Next.js helps us with routing

4
00:00:10,000 --> 00:00:15,000
and that it allows us to define a route structure

5
00:00:15,000 --> 00:00:18,000
and define our routes in general

6
00:00:18,000 --> 00:00:22,000
by setting up files and folders in the pages folder.

7
00:00:22,000 --> 00:00:24,000
But as you see here on this slide as well

8
00:00:24,000 --> 00:00:27,000
Next.js is not just about routing.

9
00:00:27,000 --> 00:00:30,000
And that's also what I already explained

10
00:00:30,000 --> 00:00:33,000
in the first course section of this course.

11
00:00:33,000 --> 00:00:38,000
Whilst, this is a major building block of Next.js.

12
00:00:38,000 --> 00:00:42,000
And whilst this is already a pretty amazing feature

13
00:00:42,000 --> 00:00:45,000
that could be a good reason for using Next.js.

14
00:00:45,000 --> 00:00:50,000
It's not the only reason why we might wanna use Next.js.

15
00:00:50,000 --> 00:00:52,000
Instead Next.js helps us

16
00:00:52,000 --> 00:00:56,000
with building full stack react apps,

17
00:00:56,000 --> 00:00:58,000
as I also mentioned before in the course already.

18
00:00:58,000 --> 00:01:02,000
And it helps us with that by for example,

19
00:01:02,000 --> 00:01:06,000
pre-rendering pages on the server side.

20
00:01:06,000 --> 00:01:08,000
And that's important.

21
00:01:08,000 --> 00:01:09,000
And in this section

22
00:01:09,000 --> 00:01:13,000
we're going to explore what exactly that means.

23
00:01:13,000 --> 00:01:17,000
But in the end, Next.js will help us with executing code

24
00:01:17,000 --> 00:01:20,000
not just on the client side,

25
00:01:20,000 --> 00:01:21,000
so in the react app that runs

26
00:01:21,000 --> 00:01:24,000
in the browser is of our users,

27
00:01:24,000 --> 00:01:26,000
but it helps us with running code

28
00:01:26,000 --> 00:01:28,000
on the server side as well.

29
00:01:28,000 --> 00:01:30,000
For example, for preparing data

30
00:01:30,000 --> 00:01:33,000
or for loading data that is then needed

31
00:01:33,000 --> 00:01:37,000
by the page that should be displayed.

32
00:01:37,000 --> 00:01:41,000
Therefore this course section is about data fetching.

33
00:01:41,000 --> 00:01:46,000
It is about how Next.js helps us blend server side

34
00:01:46,000 --> 00:01:51,000
with client side code and why we might wanna do that.

35
00:01:51,000 --> 00:01:55,000
And we're going to explore what exactly data fetching means

36
00:01:55,000 --> 00:01:59,000
and why it matters and how Next.js helps us with that.

37
00:01:59,000 --> 00:02:01,000
And we're then specifically

38
00:02:01,000 --> 00:02:04,000
going to explore static generation

39
00:02:04,000 --> 00:02:07,000
versus Server-side generation,

40
00:02:07,000 --> 00:02:10,000
What these concepts are and when to use which

41
00:02:10,000 --> 00:02:11,000
and how to use them.

42
00:02:11,000 --> 00:02:13,000
Of course.

43
00:02:13,000 --> 00:02:15,000
And we're going to see how exactly we do prepare

44
00:02:15,000 --> 00:02:19,000
and fetch data with Next.js.

45
00:02:19,000 --> 00:02:23,000
And how that differs from traditional react apps.