はじめに/APIリファレンス/next.config.js オプション/pageExtensions

pageExtensions

デフォルトでは、Next.js は以下の拡張子のファイルを受け付けます: .tsx, .ts, .jsx, .js。これは markdown (.md, .mdx) などの他の拡張子を許可するように変更できます。

next.config.js

const withMDX = require('@next/mdx')()

/** @type {import('next').NextConfig} */
const nextConfig = {
  pageExtensions: ['ts', 'tsx', 'mdx'],
  experimental: {
    mdxRs: true,
  },
}

module.exports = withMDX(nextConfig)

output

Next.js は自動的に各ページに必要なファイルをトレースし、アプリケーションのデプロイを容易にします。その仕組みについて学びましょう。

部分プリレンダリング (実験的機能)

Next.js 14 で部分プリレンダリング (実験的機能) を有効にする方法を学びます。