Polished Markdown with MDX Components

Plain Markdown is great for content, but every now and then you want a real React component inside the page — a styled callout, a captioned image, a keyboard hint. MDX gives you both, in the same file.

Callouts

Figures with captions

Keyboard hints

Press ⌘ + K on the blog index to focus the search box.

Plain Markdown still works

Lists, bold, italic, links, and code blocks all behave exactly like in .md:

export function add(a: number, b: number) {
  return a + b;
}

That's the whole point — MDX is a superset, not a replacement.