MDX
ELI5 — The Vibe Check
MDX is what happens when Markdown and JSX have a baby — you can write your blog post in Markdown but drop in interactive React components wherever you want. It's like writing a normal document but being able to embed live charts, quizzes, or code playgrounds right in the middle of your text. Documentation teams go absolutely wild for it.
Real Talk
MDX is a format that combines Markdown with JSX, allowing React (or other framework) components to be imported and rendered within Markdown documents. It's widely used for documentation sites, blogs, and content-rich applications. It supports plugins via remark/rehype and integrates with frameworks like Next.js and Astro.
When You'll Hear This
"Our docs use MDX so we can embed live code editors right in the tutorial text." / "MDX lets content writers use Markdown while developers add interactive components."
Related Terms
Astro
Astro is the 'ship zero JavaScript by default' framework.
Content Collections
Content Collections in Astro are like filing cabinets for your markdown content — each cabinet has strict rules about what goes in it. You define a schema,
JSX (JSX)
JSX is a JavaScript syntax extension that lets you write HTML-like code directly inside your JavaScript.
Markdown
Markdown is a simple way to format text using just plain characters. Put `**asterisks**` around a word and it becomes **bold**.