nextjs link


The Link component is a way to create links between pages in a Next.js application. It is provided by the next/link package, which you can install by running the following command:

npm install next/link

To use the Link component, you’ll need to import it at the top of your JavaScript file:

import Link from 'next/link'

Then, you can use it to create a link to another page in your application like this:

<Link href="/about">

The href prop specifies the URL of the page you want to link to. The a element will be rendered as an anchor tag with the href attribute set to the URL of the page.

When the user clicks on the link, the Next.js application will navigate to the specified page without a full page refresh. This is known as client-side routing.

You can also pass a as prop to the Link component to specify a custom URL for the link. For example:

<Link href="/about" as="/about-us">

This will create a link to the /about page with the URL /about-us. This is useful for SEO and for creating friendly URLs for your application.