Published Jun 24 2021
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.
I wrote an entire book on this topic 👇
© 2023 Flavio Copes
using
Notion to Site.
Follow on Twitter
Solopreneur? Wannabe? Adventure awaits