rsnext/docs/api-reference/next.config.js/custom-page-extensions.md
2020-05-27 17:51:11 -04:00

24 lines
758 B
Markdown

---
description: Extend the default page extensions used by Next.js when resolving pages in the pages directory.
---
# Custom Page Extensions
Aimed at modules like [@next/mdx](https://github.com/vercel/next.js/tree/canary/packages/next-mdx), which adds support for pages ending with `.mdx`. You can configure the extensions looked for in the `pages` directory when resolving pages.
Open `next.config.js` and add the `pageExtensions` config:
```js
module.exports = {
pageExtensions: ['mdx', 'jsx', 'js', 'ts', 'tsx'],
}
```
## Related
<div class="card">
<a href="/docs/api-reference/next.config.js/introduction.md">
<b>Introduction to next.config.js:</b>
<small>Learn more about the configuration file used by Next.js.</small>
</a>
</div>