[Next TIL]페이지 간 이동

➡️ < Link > 컴포넌트 사용하기

< Link > 컴포넌트는 HTML < a > 태크의 확장된 버전이다.

import Link from 'next/link'
 
export default function Page() {
  return <Link href="/dashboard">Dashboard</Link>
}

➡️ useRouter() hook 사용하기

useRouter는 클라이언트 컴포넌트에서만 사용할 수 있다.

'use client'
 
import { useRouter } from 'next/navigation'
 
export default function Page() {
  const router = useRouter()
 
  return (
    <button type="button" onClick={() => router.push('/dashboard')}>
      Dashboard
    </button>
  )
}