next-mdx

Next.js + MDX

Use mdx with Next.js

Installation

npm install --save @zeit/next-mdx @mdx-js/mdx

or

yarn add @zeit/next-mdx @mdx-js/mdx

Usage

Create a next.config.js in your project

// next.config.js
const withMDX = require('@zeit/next-mdx')()
module.exports = withMDX()

Optionally you can provide MDX options:

// next.config.js
const withMDX = require('@zeit/next-mdx')({
  options: {
    mdPlugins: [
      
    ],
    hastPlugins: [

    ]
  }
})
module.exports = withMDX()

Optionally you can add your custom Next.js configuration as parameter

// next.config.js
const withMDX = require('@zeit/next-mdx')()
module.exports = withMDX({
  webpack(config, options) {
    return config
  }
})