Nextjs Link 새 탭에서 열기

https://github.com/vercel/next.js/discussions/15486 여기 쓰레드에 있는 답변을 활용하실 수 있을 것 같아요

안녕하세요. Link 컴포넌트는 새 탭 옵션을 따로 제공하고 있지 않아서 저는 다음과 같이 Link 컴포넌트 하위에 a 태그를 추가로 적어주고 있습니다. <Link href=''path" passHref> <a target="_blank rel="noreferrer"> </Link> Link의 href 주소를 하위로 전달해주는 passHref를 추가로 작성해주고, a 요소에 rel="noreferrer" 속성값을 같이 주는 게 좋습니다. 참고할만한 링크 같이 올려드려요. https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag https://webruden.tistory.com/262

안녕하세요! Next.js에서 Link 컴포넌트를 사용하여 새 탭에서 링크를 열고 싶다면 다음과 같이 속성(props)을 추가할 수 있습니다. 여기서 ' target="_blank" ' 속성은 링크를 새 탭에서 열도록 지정하고, ' rel="noopener noreferrer" ' 속성은 보안상의 이유로 추가하는 것이 좋습니다. 또한, 이 방법은 보통 외부 링크에서 사용되는 것이 일반적입니다. 내부 링크에서는 다른 방법을 사용해야 할 수도 있으니 참고하시기 바랍니다.

1
2
3
<Link href="/example" target="_blank" rel="noopener noreferrer">
  <a>새 탭에서 열기</a>
</Link>