1
00:00:02,000 --> 00:00:03,000
With the knowledge we gained

2
00:00:03,000 --> 00:00:07,000
about pages and routing and about data fetching,

3
00:00:07,000 --> 00:00:11,000
we already learned a lot about some of the core concepts

4
00:00:11,000 --> 00:00:14,000
and features offered by Next.js

5
00:00:14,000 --> 00:00:17,000
that make our life as a developer

6
00:00:17,000 --> 00:00:19,000
and therefore also ultimately

7
00:00:19,000 --> 00:00:21,000
as a user of the website better.

8
00:00:21,000 --> 00:00:25,000
But there are various optimizations and enhancements

9
00:00:25,000 --> 00:00:28,000
we can add to our pages.

10
00:00:28,000 --> 00:00:32,000
Certain aspects we didn't take a closer look at yet.

11
00:00:32,000 --> 00:00:34,000
And in this module, we will.

12
00:00:34,000 --> 00:00:38,000
To be precise, we'll have a look at adding metadata

13
00:00:38,000 --> 00:00:40,000
and head data.

14
00:00:40,000 --> 00:00:42,000
So diving into those head tags

15
00:00:42,000 --> 00:00:47,000
and setting a title or setting some meta description

16
00:00:47,000 --> 00:00:48,000
for Google and so on.

17
00:00:48,000 --> 00:00:50,000
So we wanna have a look at that

18
00:00:50,000 --> 00:00:53,000
and how we can do that with Next.js.

19
00:00:53,000 --> 00:00:55,000
We will then also explore

20
00:00:55,000 --> 00:00:59,000
how we can reuse certain components or logic

21
00:00:59,000 --> 00:01:03,000
or configuration across our Next.js app,

22
00:01:03,000 --> 00:01:07,000
so across our pages to be precise.

23
00:01:07,000 --> 00:01:10,000
And we will explore how we can optimize images

24
00:01:10,000 --> 00:01:13,000
and how we can ensure that images are served

25
00:01:13,000 --> 00:01:15,000
in the best possible way.

26
00:01:15,000 --> 00:01:17,000
Therefore, let's dive in.