Configuration

How to configure the MDX documentation system.


Configuration

You can customize the documentation site by modifying the following files.

Next.js Configuration

The next.config.mjs file controls how MDX is processed.

import createMDX from '@next/mdx'
 
const nextConfig = {
  pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
}
 
const withMDX = createMDX({
  // Custom plugins go here
})
 
export default withMDX(nextConfig)

Content Path

The content is sourced from the content/ directory. You can change this in lib/content.ts:

const CONTENT_PATH = path.join(process.cwd(), 'content')

Styling

We use Tailwind CSS for styling. You can modify the theme in tailwind.config.ts.

Theme Colors

NameDescription
primaryThe main brand color
accentUsed for highlights and hover states
mutedUsed for less important text