امتدادات الصفحة (pageExtensions)

يمكنك توسيع ملحقات الصفحة الافتراضية (.tsx, .ts, .jsx, .js) المستخدمة من قبل Next.js. داخل ملف next.config.js، أضف إعداد pageExtensions:

module.exports = {
  pageExtensions: ['mdx', 'md', 'jsx', 'js', 'tsx', 'ts'],
}

تغيير هذه القيم يؤثر على جميع صفحات Next.js، بما في ذلك:

• middleware.js
• instrumentation.js
• pages/_document.js
• pages/_app.js
• pages/api/

على سبيل المثال، إذا قمت بإعادة تكوين ملحقات الصفحة .ts إلى .page.ts، ستحتاج إلى إعادة تسمية الصفحات مثل middleware.page.ts, instrumentation.page.ts, _app.page.ts.

تضمين ملفات غير الصفحات في مجلد pages

يمكنك وضع ملفات الاختبار أو الملفات الأخرى المستخدمة من قبل المكونات في مجلد pages. داخل ملف next.config.js، أضف إعداد pageExtensions:

module.exports = {
  pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js'],
}

ثم، أعد تسمية صفحاتك لتحتوي على ملحق ملف يتضمن .page (مثال: إعادة تسمية MyPage.tsx إلى MyPage.page.tsx). تأكد من إعادة تسمية جميع صفحات Next.js، بما في ذلك الملفات المذكورة أعلاه.