useRouter

const router = useRouter();

useRouter 훅은 Next에서 제공하는 훅이다.

 

console에 찍어보면

이렇게 찍히게 되는것을 볼 수 있다.

 

 <Link href="/">
   <a style={{ color: router.pathname === "/" ? "red" : "blue" }}>Home</a>
 </Link>

간단하게 라우터를 이용해서 스타일도 줄 수 있어서 편한거같다!