MDX

An open and authorable format that lets you seamlessly write JSX in your Markdown documents.

[MDX @mdx_js]

More than two years in the making, we're delighted to announce that MDX v2 has shipped! 🚀

[MDX @mdx_js]

MDX syntax highlighting on GitHub!

🎉🙀

[MDX @mdx_js]

MDX, in Rust! 😻

[Seb ⚛️ ThisWeekInReact.com @sebastienlorber]

React Server Components + @mdx_js

You probably underestimate the impact it will have

For SSG like Docusaurus:
- no need to hydrate a static blog post
- smaller bundle
- static content compiled at build-time in .rsc files

MDX doc already uses RSC 👌
https://t.co/SbVdWq7aBb

👇

[GatsbyChangelog @GatsbyChangelog]

🥳 Announcing: @GatsbyJS 4.21!

https://t.co/eG8i4wnCqm

🔸gatsby-plugin-mdx v4 — full compatibility with MDX 2!
🔸New RFC for Slices API. Faster deploys for changes to content blocks used on many pages.

💜 Thank you, Contributors

[Ben Holmes @BHolmesDev]

#whiteboardtheweb EDITION 28

Curious about ⁦@mdx_js v2⁩? Let’s try augmenting our markdown with components, variables, exports, and renderers 👀👇

[Astro @astrodotbuild]

Astro v1.0 RC is out now! On August 9th, this final API will become our official Astro v1.0.0 release.

🚀 Vite 3
📜 MDX Support
🤖 HMR Improvements
📸 Image Optimizations

Read the full release notes -- https://t.co/WpknXqVFPX

[Katie Raby 🌸 @KatieARaby]

Recently released my blog site
🦄 https://t.co/H7Fraw1qag ✨

Built with @nextjs, @tailwindcss, @mdx_js & @vercel!
It also has dynamically generated social media cards for blog posts using @cloudinary ☁️

Check it out, and let me know your thoughts! ⭐️
#WomenWhoCode

[Ebenezer Don 🐘 @ebenezerDN]

I'm so happy we were finally able to publish this 🎉🎉

Here's a Next JS/@mdx_js crash course for you! We'll learn how to build an SSR blog using JS in Markdown files and my favorite framework! 💫💥

[Kent C. Dodds 🏹 @kentcdodds]

mdx-bundler release 9.0.0 comes with React 18 support and moves from xdm to @mdx_js v2!
https://t.co/xjsfgQBEQf 🦤

[Katie ✨ @glitteringkatie]

I'm working on modernizing our docs system at @elastic and now we get to go from a ragtag group of people working on the project with me half time to making a REAL TEAM. I've learned @nextjs and @mdx_js while building this project and YOU CAN TOO https://t.co/3RAlmhstu8

[Travis Arnold @souporserious]

Can we collectively pay someone to add VS Code IntelliSense to MDX? 🥺 It's that last missing piece of a really great workflow.

[James @atomiksdev]

I made a Remark plugin to use in MDX for prettier code in your docs.

Use VS Code themes and tokenization (no broken JSX highlighting like in Prism), highlight lines, words, and inline code! Maybe it's useful?

https://t.co/9s56PUK8BE

[Shu @shuding]

Released Nextra 2.0.0 beta, powered by @mdx_js v2 and Next.js 12 (more features to come)!

https://t.co/g3Gl1gYvyz

[Aji @imballinst]

.@mdx_js v2 (beta) is SO GOOD: https://t.co/18CIDvguDu. Massive props to everyone behind this 👏

🤯 pass `components` to imported MDX (not sure if that's possible without `MDXProvider` before...?)
🤯 pass props to MDX, kinda similar to how we render a Pug file, I think

[Lee Robinson @leerob]

Want to build your own portfolio? 🔥

Learn how @delba_oliveira built hers and landed a job @vercel using:

◆ Next.js
◆ @prisma
◆ @mdx_js
◆ @typescript
◆ @tailwindcss

https://t.co/bbf74l5dLd

[Eric Clemmons 🍊☁️ @ericclemmons]

Using MDX as pages in Next.js?

You can change your pageExtensions to [“mdx”, “page.tsx”] – this way you can put a Component.tsx or utils.ts beside a page without getting an error.

(Don’t forget to rename to _app.page.tsx, too!)

[John Otander @4lpine]

Adoption for @mdx_js keeps climbing. Nearing two million downloads per week!

Thanks to our users and everyone who has contributed to make MDX what it is today 💕

[MDX @mdx_js]

🏰🪄

[Laurie @laurieontech]

Disney World sites use MDX?!??!

@4lpine this is the coolest development yet!

[:party-corgi: @chrisbiscardi]

This is a very cool talk that gets at a lot of the heart of what @mdx_js is used for in OSS land.

If you're into MDX, give this talk a watch.