لینک ها و تایپ ها

جابه‌جایی با کامپوننت <Link>

برای رفتن از یک صفحه به صفحه دیگر، از کامپوننت داخلی <Link> استفاده کنید. این ابزار سرعت انتقال را بالا برده و از رفرش شدن کل صفحه جلوگیری می‌کند:

// app/page.tsx
import Link from 'next/link'
 
export default function Home() {
  return <Link href="/blog/hello-world">خواندن مقاله</Link>
}

ابزارهای کمکی TypeScript

Next.js به صورت خودکار تایپ‌های هوشمندی برای پروژه می‌سازد که نیازی به ایمپورت کردن ندارند و خطاها را در زمان کدنویسی به شما مایل می‌کنند:

• PageProps: تنظیم تایپ دقیق برای پارامترهای صفحات.

• LayoutProps: تنظیم تایپ برای لایه‌ها و شیارهای موازی.

// app/blog/[slug]/page.tsx
export default async function Page(props: PageProps<'/blog/[slug]'>) {
  const { slug } = await props.params
  return <h1>مقاله: {slug}</h1>
}