Blog
The latest news about MDX.MDX 3Version 3 already! This major version contains a couple small changes. For most folks, updating Node.js and plugins is all that’s needed!Continue reading »By Titus WormerReading time: 2-3 minutesPublished on October 24, 2023MDX 2Version 2 of MDX was released after years of hard work, and has many improvements. Here are the highlights:Continue reading »By Titus WormerReading time: 5-8 minutesPublished on February 1, 2022MDXConfMDXConf is a free and online conference for the MDX community. Whether you’re just learning about MDX or an expert, there’ll be something for you!Continue reading »By John OtanderReading time: 2 minutesPublished on July 31, 2020ShortcodesAn exciting new feature in MDX v1 is global shortcodes. This allows you to expose components to all of your documents in your app or website. This is a useful feature for common components like YouTube embeds, Twitter cards, or anything else frequently used in your documents.Continue reading »By John OtanderReading time: 1-2 minutesPublished on May 14, 2019MDX goes stableIt’s been a year and a half since the first MDX commit and a year since MDX was first announced at ZEIT Day. MDX is a radical paradigm shift in how to write immersive content using components. It’s an open, authorable format that makes it fun to write again.Continue reading »By John OtanderReading time: 5-7 minutesPublished on April 11, 2019Custom pragmaMDXTag, for those that aren’t aware, is a critical piece in the way MDX replaces HTML primitives like <pre> and <h1> with custom React Components. I’ve previously written about the way MDXTag works when trying to replace the <pre> tag with a custom code component. mdx-utils contains the methodology for pulling the props around appropriately through the MDXTag elements that are inbetween pre and code.Continue reading »By Chris BiscardiReading time: 3-5 minutesPublished on March 11, 2019Skip to contentMDXDocsWhat is MDX?Getting startedUsing MDXExtending MDXTroubleshooting MDXGuidesGitHub flavored markdown (GFM)FrontmatterMathSyntax highlightingEmbedMDX on demandInjecting componentsPackages@mdx-js/esbuild@mdx-js/loader@mdx-js/mdx@mdx-js/node-loader@mdx-js/preact@mdx-js/react@mdx-js/rollup@mdx-js/vueremark-mdxComponentsPlaygroundCommunitySupportContributeSponsorAboutProjectsBlogGitHubTwitterOpenCollective
Version 3 already! This major version contains a couple small changes. For most folks, updating Node.js and plugins is all that’s needed!
Version 2 of MDX was released after years of hard work, and has many improvements. Here are the highlights:
MDXConf is a free and online conference for the MDX community. Whether you’re just learning about MDX or an expert, there’ll be something for you!
An exciting new feature in MDX v1 is global shortcodes. This allows you to expose components to all of your documents in your app or website. This is a useful feature for common components like YouTube embeds, Twitter cards, or anything else frequently used in your documents.
It’s been a year and a half since the first MDX commit and a year since MDX was first announced at ZEIT Day. MDX is a radical paradigm shift in how to write immersive content using components. It’s an open, authorable format that makes it fun to write again.
MDXTag, for those that aren’t aware, is a critical piece in the way MDX replaces HTML primitives like <pre> and <h1> with custom React Components. I’ve previously written about the way MDXTag works when trying to replace the <pre> tag with a custom code component. mdx-utils contains the methodology for pulling the props around appropriately through the MDXTag elements that are inbetween pre and code.
MDXTag
<pre>
<h1>
pre
code