With the knowledge we gained
about pages and routing and about data fetching,
we already learned a lot about some of the core concepts
and features offered by Next.js
that make our life as a developer
and therefore also ultimately
as a user of the website better.
But there are various optimizations and enhancements
we can add to our pages.
Certain aspects we didn't take a closer look at yet.
And in this module, we will.
To be precise, we'll have a look at adding metadata
and head data.
So diving into those head tags
and setting a title or setting some meta description
for Google and so on.
So we wanna have a look at that
and how we can do that with Next.js.
We will then also explore
how we can reuse certain components or logic
or configuration across our Next.js app,
so across our pages to be precise.
And we will explore how we can optimize images
and how we can ensure that images are served
in the best possible way.
Therefore, let's dive in.