Intro to MDX

Your Name3/31/2026

Why MDX

MDX lets you mix Markdown with React components in one file. That is useful for blog posts, docs, and any page where you want rich formatting without leaving your codebase.

Here is a minimal TypeScript example you might use in an app:

export function greet(name: string): string {
  return `Hello, ${name}!`
}