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