pageExtensions

Next.js が使用するデフォルトの Page 拡張子 (.tsx, .ts, .jsx, .js) を拡張できます。next.config.js 内で pageExtensions 設定を追加します。

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

これらの値を変更すると、次のすべての Next.js ページに影響します。

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

たとえば、.ts ページ拡張子を .page.ts に再設定する場合、proxy.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 ページ名を変更してください。