pageExtensions

あなたは Next.js が使用する default のページ拡張子(.tsx, .ts, .jsx, .js)を拡張することができます。next.config.jsの中に、pageExtensionsの config を追加してください：

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のようなページの名前を変更する必要があります。

Including non-page files in the pages directory

あなたは pages ディレクトリ内で Component によって使用される他のファイルまたは test ファイルをコロケーションできます。next.config.jsの中に、pageExtensions config を追加します：

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

次に、ページの名前を変更してファイル拡張子に .page を含めます(例：MyPage.tsx を MyPage.page.tsx に名前を変更)。Next.js ページを すべて 名前変更し、上記のファイルも含めてください。