تعریف مسیرها

توصیه می کنیم قبل از ادامه، صفحه اصول مسیریابی را بخوانید.

این صفحه شما را راهنمایی می کند که چگونه مسیرها را در برنامه Next.js خود تعریف و سازماندهی کنید.

ایجاد مسیرها

Next.js از یک مسیریابی مبتنی بر سیستم فایل استفاده می‌کند که در آن پوشه‌ها برای تعیین مسیرها استفاده می‌شوند.

هر پوشه یک بخش مسیر را نمایان می‌کند که به یک بخش URL نقشه‌برداری می‌کند. برای ایجاد یک مسیر تو در تو، می‌توانید پوشه‌ها را داخل هم تو در تو قرار دهید.

فایل page.js بصورت ویژه برای دسترسی عمومی به بخش‌های مسیر (route segments) استفاده می‌شود.

در این مثال، مسیر URL /dashboard/analytics برای عموم قابل دسترسی نیست زیرا فایل page.js مربوطه ندارد. از این پوشه می توان برای ذخیره کامپوننت ها، استایل ها، تصاویر یا سایر فایل های مشابه استفاده کرد.

خوب است بدانید : پسوندهای فایل .js, .jsx, or .tsx را می توان برای فایل ها استفاده کرد.

ایجاد رابط کاربری

برای ایجاد رابط کاربری (UI) از قراردادهای خاص برای فایل‌ها استفاده می‌شود. متداول‌ترین روش‌ها صفحات برای نمایش رابط کاربری اختصاصی به هر مسیر و طرح بندی هایی برای نمایش مشترک رابط کاربری در چندین مسیر هستند.

برای ساخت اولین صفحه، یک فایل page.js داخل پوشه app اضافه کنید و یک کامپوننت React را خروجی بگیرید.

export default function Page() {
	return <h1>Hello, Next.js!</h1>
}