- Published on
 
Use <Link> instead of router.push
It's better to use Link component when possible in Next.js
- Authors
 - Name
 - Nico Prananta
 - Follow me on Bluesky
 
A PR was made like the following
import { useRouter } from 'next/router';
const SomeComponent = () => {
  const router = useRouter()
  return (
    <a onClick={() => {
      router.push(`/link/to/another/page`)
    }>Go to somewhere</>
  )
}
Few problems with that code:
- When navigating to another page, use 
<Link>in Next.js. - When you don't need to perform anything else when the link is clicked, just use 
hrefprop. No need foronClickanymore. 
🥳 Thank you for reading until the end! Can I bother you to check my latest project DataQueue.dev? Greatly appreciate it!