Seitenerweiterungen

Sie können die Standard-Seitenendungen (.tsx, .ts, .jsx, .js), die von Next.js verwendet werden, erweitern. Fügen Sie in next.config.js die pageExtensions-Konfiguration hinzu:

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

Das Ändern dieser Werte wirkt sich auf alle Next.js-Seiten aus, einschließlich:

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

Wenn Sie beispielsweise die .ts-Seitenendungen zu .page.ts umkonfigurieren, müssten Sie Seiten wie middleware.page.ts, instrumentation.page.ts, _app.page.ts umbenennen.

Einbinden von Nicht-Seiten-Dateien im pages-Verzeichnis

Sie können Testdateien oder andere von Komponenten verwendete Dateien im pages-Verzeichnis ablegen. Fügen Sie in next.config.js die pageExtensions-Konfiguration hinzu:

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

Benennen Sie dann Ihre Seiten so um, dass sie eine Dateiendung mit .page enthalten (z.B. benennen Sie MyPage.tsx in MyPage.page.tsx um). Stellen Sie sicher, dass Sie alle Next.js-Seiten umbenennen, einschließlich der oben genannten Dateien.