Deviopath › Next.js

Navbar With Links

Easy · Navigation

In Next.js you move between pages with the <Link> component from next/link. It renders a normal <a> tag, but navigates on the client without a full page reload (and prefetches the page in the background).

Build the navbar: inside the <nav>, render three Links:

- Home pointing to /

- About pointing to /about

- Blog pointing to /blog

Next: Like Button