صفحات

یک صفحه، رابط کاربری (UI) است که برای هر مسیر منحصر به فرد است. شما می‌توانید با پیش‌فرض گرفتن خروجی یک کامپوننت از یک فایل page.js ، یک صفحه را تعریف کنید.

برای مثال، برای ساخت صفحه‌ی index خود، فایل page.js را داخل پوشه‌ی app اضافه کنید:

// `app/page.tsx` is the UI for the `/` URL
export default function Page() {
	return <h1>Hello, Home page!</h1>
}

برای ساخت صفحات بیشتر، یک پوشه‌ی جدید ایجاد کنید و فایل page.js را درون آن قرار دهید. به عنوان مثال، برای ساخت صفحه‌ای برای مسیر /dashboard، پوشه‌ی جدیدی به نام dashboard بسازید و فایل page.js را درون آن اضافه کنید.

// `app/dashboard/page.tsx` is the UI for the `/dashboard` URL
export default function Page() {
	return <h1>Hello, Dashboard Page!</h1>
}

خوب است بدانید:

• برای صفحات می‌توان از پسوندهای .js، .jsx یا .tsx استفاده کرد.
• یک صفحه همیشه برگ (leaf) در زیرمجموعه‌ی مسیر route subtree است.
• برای اینکه یک بخش از مسیر به صورت عمومی قابل دسترسی باشد، یک فایل page.js الزامی است.
• صفحات به صورت پیش‌فرض کامپوننت‌های سمت سرور (Server Components) هستند، اما می‌توان آن‌ها را به کامپوننت‌های سمت کلاینت (Client Component) تغییر داد.
• صفحات می‌توانند داده دریافت کنند. برای اطلاعات بیشتر بخش دریافت داده: Data Fetching را مطالعه کنید.