This is a quick exercise for
you on links and navigation.
We added links to the main
sections of our website,
and they're in the header, so
they're visible on all pages.
Now, we also want some links in the Reviews page,
listing the individual games we reviewed.
So, the exercise is simply to
add a list to this component,
with an item for each review
linking to the correct page for that game.
If you want to do this, stop the video now,
and restart it once you're done.
I'll show you my code in a few seconds.
Ok, let's look at the solution.
I simply added an unordered list with two items,
using the Link component with, as href,
the path for each review,
and the game title as the link text.
You can see the result in the page.
If we click "Hollow Knight"
we'll see the page for that review.
And if we go back,
by the way, note that clicking the back button
will also use client-side navigation.
But if we follow the other link,
of course we'll see our other review.
It was a very simple exercise.
If you want to go a bit deeper however,
you can try inspecting the network requests
using the Chrome Developer Tools,
and see how prefetching works in this case.
If you start from the home page,
and then navigate to Reviews,
will it prefetch the additional
links on that page?