Note: This is an old blog post. The below is kept as is for historical purposes. Note: Info on how to migrate is available in our Version 2 migration guide. MDX 2 Version 2 of MDX was released after years of hard work, and has many improvements. Here are the highlights: 📝 Improved syntax makes it easier to use markdown in JSX 🧑💻 JavaScript expressions turn {2 * Math.PI} into 6.283185307179586 🔌 New esbuild, Rollup, and Node.js integrations ⚛️ Any JSX runtime: React, Preact,...| MDX
Note: This is an old blog post. The below is kept as is for historical purposes. MDXConf 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! August 24th, 2020 at 8am PDT/3pm UST Online • Free Watch The conference is now over, but you can still watch the recordings! Watch the talks → About Join us for the first MDX conference! We’ll stream it directly to you, for free. MDX has grown rapidly...| MDX
Note: This is an old blog post. The features described in it are currently documented at § MDX provider. The below is kept as is for historical purposes. Shortcodes 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. If you have an application wrapper for your MDX docume...| MDX
Note: This is an old blog post. ZEIT is now Vercel. An “@mdx pragma” is no longer needed. The below is kept as is for historical purposes. MDX goes stable 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. Since announcing MDX we’ve been working on numerous bug fixes, new featur...| MDX
MDXTag, for those that aren’t aware, is a critical piece in the way MDX replaces HTML primitives like and with custom React Components. I’ve previously written about the way MDXTag works when trying to replace the 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.| MDX
MDX lets you use JSX in your markdown content. 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
Here you can play with the MDX format. Write some MDX to find out what it turns into.| MDX
This article explains what the MDX format is. It shows how markdown, JSX, JavaScript expressions, and import and export statements in ESM can be used inside MDX.| MDX
This article explains how to use MDX files in your project. It shows how you can pass props and how to import, define, or pass components.| MDX
Version 3 already! This major version contains a couple small changes. For most folks, updating Node.js and plugins is all that’s needed!| MDX
