[Next.js] <Link>

Link는 Next.js에서 a 태그 대신 사용하는 태그이다.

왜 Link 태그를 사용해야 하나?

• 링크에 마우스를 갖다대기만 해도 미리 페이지을 다운로드 받는다
  → 속도가 빠름
• 캐싱으로 방문한 적이 있는 페이지는 다시 다운로드 받지 않는다.
  → 속도가 빠르고 서버 비용을 아낄 수 있다.
  

Link 태그는 import가 필요하다

import Link from 'next/link'

export default function Component() {
	return (<Link href='/'>메인페이지로 이동</Link>); 
}

참고 자료

Next.js 13 - 6. Single Page Application | 생활코딩 | YouTube