MDX loader for Next.js
Create a next.config.js
file with the following:
const { withMDX } = require('@bevry/mdx')
module.exports = withMDX(
{
pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
target: 'serverless',
},
{
extension: /\.mdx?$/,
},
)
Put your layouts in the layouts
directory. The layout should accept a meta
property with the metadata from the page.
docmatter is used to parse the document headers.
npm install --save @bevry/mdx
import pkg from ('@bevry/mdx')
const pkg = require('@bevry/mdx').default
import pkg from 'https://unpkg.com/@bevry/mdx@^3.6.0/edition-deno/index.ts'
This package is published with the following editions:
@bevry/mdx/source/index.ts
is TypeScript source code with Import for modules@bevry/mdx
aliases @bevry/mdx/edition-es2022/index.js
@bevry/mdx/edition-es2022/index.js
is TypeScript compiled against ES2022 for Node.js 4 || 6 || 8 || 10 || 12 || 14 || 16 || 18 || 20 || 21 with Require for modules@bevry/mdx/edition-es2022-esm/index.js
is TypeScript compiled against ES2022 for Node.js 12 || 14 || 16 || 18 || 20 || 21 with Import for modules@bevry/mdx/edition-types/index.d.ts
is TypeScript compiled Types with Import for modules@bevry/mdx/edition-deno/index.ts
is TypeScript source code made to be compatible with Deno
Discover the release history by heading on over to the HISTORY.md
file.
Discover how to contribute via the CONTRIBUTING.md
file.
Unless stated otherwise all works are:
and licensed under: