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, включая упомянутые выше файлы.