Problem Statement
How do you use the Link component in Next.js and what props does it accept?
Explanation
You import Link from next/link and wrap it around any clickable element, passing the href prop with the destination path like Link href='/about' Go to About Link.
The Link component accepts props like href for the destination, prefetch to control prefetching behavior (enabled by default), replace to replace the current history entry instead of adding new one, scroll to control scrolling to top after navigation, and shallow for client-side routing without re-running data fetching methods.
The child can be any element and will receive the onClick handler automatically, and you can style the child element normally while Link handles the routing logic.
