MDX

MDX is an authorable format that lets you seamlessly write JSX in your markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast.

MDX in short

• ?? Powerful: MDX blends markdown and JSX syntax to fit perfectly in JSX-based projects
• 💻 Everything is a component: Use existing components in your MDX and import other MDX files as components
• 🔧 Customizable: Decide which component is rendered for each markdown construct ({h1: MyHeading})
• 📚 Markdown-based: The simplicity and elegance of markdown remains, you use JSX only when you want to
• 🔥 Blazingly blazing fast: MDX has no runtime, all compilation occurs during the build stage