Link

Let’s add a Link to the Home Page so that we can directly click to jump to the DocumentId page.

src/app/page.tsx


import Link from "next/link";
 
const Home = () => {
  return ( 
    <div className="flex min-h-screen items-center justify-center">
      Visit the Document ID page:
      <Link href="/documents/123">
        <span className="text-blue-600">
          &nbsp;DocumentId page
        </span>
      </Link>
    </div>
  );
}
 
export default Home;

Visit http://localhost:3000 , it should be like this:

Home page

and then click link, make sure it goes to the DocumentId page.