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
| Name | Description |
|---|---|
primary | The main brand color |
accent | Used for highlights and hover states |
muted | Used for less important text |
On This Page