Using MDX

This Next.js app is configured with MDX support using the @next/mdx plugin. If you decide not to use MDX, you can remove the configuration from your next.config.js.

Why MDX?

MDX is Markdown on steroids — it lets you embed JSX directly inside Markdown. This means you can mix Markdown with React components to build rich, interactive content.

Perfect for blog posts, documentation, or tutorials that need some React magic ✨.

Example

Here's how you can use a React component directly in MDX:

Click Me!

Yep, that button is fully interactive — thanks to MDX + React.

More Links

• MDX Syntax Documentation
• Next.js MDX Setup Guide
• Client Components in App Router

Note: Components used in .mdx files should be Client Components if they use state, effects, or interactivity.