Skip to content

Next.js, how to open a link in a new window

New Course Coming Soon:

Get Really Good at Git

Here’s how you can open a link in a new window in Next.js:

<Link href={url}>
  <a target="_blank">Click this link</a>
</Link>

You first wrap the a tag in a Link component (the Link component provided by Next.js, and inside the a tag you add a target="_blank" attribute, just like you’d do in plain HTML.

The href attribute stays on the Link component, to play well with client-side routing.

→ Get my Next.js (pages router) Handbook

Here is how can I help you: