pageExtensions

Next.js tarafından kullanılan varsayılan Sayfa uzantılarını (.tsx, .ts, .jsx, .js) genişletebilirsiniz. next.config.js içine pageExtensions yapılandırmasını ekleyin:

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

Bu değerlerin değiştirilmesi, aşağıdakiler de dahil olmak üzere tüm Next.js sayfalarını etkiler:

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

Örneğin, .ts sayfa uzantılarını .page.ts olarak yeniden yapılandırırsanız, middleware.page.ts, instrumentation.page.ts, _app.page.ts gibi sayfaları yeniden adlandırmanız gerekir.

Including non-page files in the pages directory

Test dosyalarını veya bileşenler tarafından kullanılan diğer dosyaları pages dizinine yerleştirebilirsiniz. next.config.js içine pageExtensions yapılandırmasını ekleyin:

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

Ardından, sayfalarınızı .page içeren bir dosya uzantısına sahip olacak şekilde yeniden adlandırın (örneğin, MyPage.tsx adresini MyPage.page.tsx olarak yeniden adlandırın). Yukarıda belirtilen dosyalar da dahil olmak üzere tüm Next.js sayfalarını yeniden adlandırdığınızdan emin olun.