[NextJS] 새 탭에서 링크 열기 코드

 

<Link href="https://hyung1.tistory.com/">
  <a target="_blank" rel="noopener noreferrer">
    테스트버튼
  </a>
</Link>

 

<Link href="https://hyung1.tistory.com/" passHref>
  <a target="_blank">테스트버튼</a>
</Link>

 

참고

https://stackoverflow.com/questions/65632698/how-to-open-a-link-in-a-new-tab-in-nextjs

https://stackoverflow.com/questions/67822028/link-to-target-blank-with-next-js

 

---

추가로 알면 좋을 것 같은 NextJS Link와 href의 관계 정리한 글

https://github.com/uu29/TIL/blob/main/%5BNextJS%5D%20Link%20%E1%84%90%E1%85%A2%E1%84%80%E1%85%B3%E1%84%8B%E1%85%AA%20href%E1%84%8B%E1%85%B4%20%E1%84%80%E1%85%AA%E1%86%AB%E1%84%80%E1%85%A8.md