1
00:00:02,000 --> 00:00:05,000
Now with that, that's it for this module.

2
00:00:05,000 --> 00:00:07,000
We optimized images.

3
00:00:07,000 --> 00:00:09,000
We ensured that we don't load

4
00:00:09,000 --> 00:00:12,000
those super huge images therefore

5
00:00:12,000 --> 00:00:17,000
and we also optimized our metadata, our page metadata.

6
00:00:18,000 --> 00:00:21,000
With the head component offered by Next.js

7
00:00:21,000 --> 00:00:23,000
which we can include in our pages

8
00:00:23,000 --> 00:00:26,000
to set the title meta `description

9
00:00:26,000 --> 00:00:28,000
or any other head section tags

10
00:00:28,000 --> 00:00:31,000
from inside our page components.

11
00:00:31,000 --> 00:00:33,000
We also learned about Underscore app

12
00:00:33,000 --> 00:00:37,000
and Underscore Document JS which are files that allow us

13
00:00:37,000 --> 00:00:41,000
to set up certain settings and elements

14
00:00:41,000 --> 00:00:46,000
which are being used across all pages in our application.

15
00:00:46,000 --> 00:00:49,000
With that we can set up general metadata

16
00:00:49,000 --> 00:00:52,000
or for example, inject extra HTML content

17
00:00:52,000 --> 00:00:55,000
into the load at HTML document.

18
00:00:55,000 --> 00:00:58,000
And with that, we got a couple of important tools

19
00:00:58,000 --> 00:00:59,000
which we will need to build

20
00:00:59,000 --> 00:01:03,000
a real applications with Next.js.

21
00:01:03,000 --> 00:01:05,000
Because of course on real applications

22
00:01:05,000 --> 00:01:08,000
you wanna have metadata in the head section

23
00:01:08,000 --> 00:01:11,000
and you wanna have optimized images.

24
00:01:11,000 --> 00:01:14,000
And now, you know how to do both in your next apps.