مكوّن Link
للتنقّل السريع بين الصفحات دون إعادة تحميل كامل:
import Link from "next/link";
<Link href="/about">من نحن</Link>
<Link href={`/blog/${post.slug}`}>{post.title}</Link>
التنقّل البرمجي
من مكوّن عميل ("use client"):
"use client";
import { useRouter } from "next/navigation";
export default function Button() {
const router = useRouter();
return <button onClick={() => router.push("/dashboard")}>اذهب</button>;
}
router.push، router.replace، router.back، router.refresh.
المسار الحالي
"use client";
import { usePathname } from "next/navigation";
const pathname = usePathname();
const active = pathname === "/about";
💡 استخدم
Linkللتنقّل العادي (أسرع وأفضل للـ SEO)، وuseRouterللتنقّل بعد إجراء (مثل بعد إرسال نموذج).
🎯 التالي: المسارات الديناميكية.