الروابط والتنقّل

import Link from "next/link";

<Link href="/about">من نحن</Link>
<Link href={`/blog/${post.slug}`}>{post.title}</Link>

"use client";
import { useRouter } from "next/navigation";

export default function Button() {
  const router = useRouter();
  return <button onClick={() => router.push("/dashboard")}>اذهب</button>;
}

"use client";
import { usePathname } from "next/navigation";

const pathname = usePathname();
const active = pathname === "/about";