This content originally appeared on flaviocopes.com and was authored by flaviocopes.com
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.
This content originally appeared on flaviocopes.com and was authored by flaviocopes.com
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
flaviocopes.com | Sciencx (2021-06-24T05:00:00+00:00) Next.js, how to open a link in a new window. Retrieved from https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/
" » Next.js, how to open a link in a new window." flaviocopes.com | Sciencx - Thursday June 24, 2021, https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/
HARVARDflaviocopes.com | Sciencx Thursday June 24, 2021 » Next.js, how to open a link in a new window., viewed ,<https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/>
VANCOUVERflaviocopes.com | Sciencx - » Next.js, how to open a link in a new window. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/
CHICAGO" » Next.js, how to open a link in a new window." flaviocopes.com | Sciencx - Accessed . https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/
IEEE" » Next.js, how to open a link in a new window." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/. [Accessed: ]
rf:citation » Next.js, how to open a link in a new window | flaviocopes.com | Sciencx | https://www.scien.cx/2021/06/24/next-js-how-to-open-a-link-in-a-new-window/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.