x0

npm init mdx x0

x0 supports MDX files with either .md or .mdx file extensions out of the box. For components requiring providers you will need to use customize _app.js. Here’s an example using Rebass components:

import React from 'react'
import * as Rebass from 'rebass'
import createScope from '@rebass/markdown'
import { ScopeProvider } from '@compositor/x0/components'

export default ({ route, routes, ...props }) => (
  <ScopeProvider scope={{ ...Rebass, ...createScope() }}>
    <Rebass.Provider>
      <Rebass.Container {...props} />
    </Rebass.Provider>
  </ScopeProvider>
)