Usage of Link Component in Next Js

<Link> is a React component that extends the HTML <a> element to provide prefetching and client-side navigation between routes. It is the primary way to navigate between routes in Next.js.

import Link from 'next/link' function Home() 
{  return (   
 <ul> 
<li>       
 <Link href="/">Home</Link>      
</li>      
<li>        
<Link href="/about">About Us</Link>      
</li>      
<li>        
<Link href="/blog/hello-world">Blog Post</Link>      
</li>    
</ul>  )} 
export default Home