html태그인 a태그로 링크를 연결했지만, next.js에서는 Link라는 태그를 사용한다.

사용방법

import Link from 'next/link';

export default function NavLinks(){

return(
<>
<Link href="/"> Home으로 돌아가기 </Link>
</>
)
}

이렇게 a처럼 href에 경로를 집어넣으면 해당 경로로 이동할 수 있다. !!!

페이지를 새로고침 없이 탐색할 수 있다.
이걸 클라이언트 사이드 네비게이션이라고 불리며, 사용자 경험을 향상시키기 위해 브라우저가 전체 페이지를 다시 로드하지 않고 필요한 부분만 갱신한다.
=> 더 빠르고 부드러운 페이지 전환 가능