Introduction/API Reference/next.config.js Options/pageExtensions

pageExtensions

By default, Next.js accepts files with the following extensions: .tsx, .ts, .jsx, .js. This can be modified to allow other extensions like 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 automatically traces which files are needed by each page to allow for easy deployment of your application. Learn how it works here.

Partial Prerendering (experimental)

Learn how to enable Partial Prerendering (experimental) in Next.js 14.