> Canonical URL: https://codingcat.dev/podcast/1-5-mdx-with-chris-biscardi # MDX with Chris Biscard ![](https://cdn.sanity.io/images/hfh83o0w/production/de947917268702f04e1e8eff044d0c028fa755c1-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Chris Biscardi](https://cdn.sanity.io/images/hfh83o0w/production/c6a431a8d4d6ab16f573757400a70fba65389c13-400x400.png?w=96&h=96&q=82&fit=max&auto=format)Chris Biscardi](/guest/chris-biscardi)January 1, 2021 ## Listening Options [Spotify](https://open.spotify.com/episode/4eLI40xvIyyPgCEt0Ca1bO)[Apple](https://podcasts.apple.com/us/podcast/1-5-mdx-with-chris-biscardi/id1491655542?i=1000505129904)[YouTube](https://www.youtube.com/watch?v=LYcVHxhLxdc)[Pocket Casts](https://pca.st/episode/4398cb09-7aa3-41b5-a324-e79d2f0f9292)[Castbox](https://castbox.fm/episode/id2508485-id344310663)[Castro](https://castro.fm/episode/bzd86B)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss) ## What is MDX? [https://mdxjs.com/](https://mdxjs.com/) [Markdown for the component era](https://mdxjs.com/#markdown-for-the-component-era) 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 🚀. ## Questions - Why would you use regular markdown? - What makes MDX so powerful? - If you have HTML tags in md do they need to be converted to JSX? - How do you get compilation at Build Time, if a component is used? - How does MDX perform at scale? - Digital Garden’s with MDX, what framework would you recommend to get started with one right now? - So, you’ve created a new ESM first framework built on Preact called Toast. Is MDX built into it out of the box? [https://www.toast.dev/](https://www.toast.dev/) ## Episode Summary 1.5 - MDX with Chris Biscardi: https://codingcat.dev/podcast/1-5-mdx-with-chris-biscardi 0:00 - Intro 1:25 - What is MDX 2:15 - How MDX came to be 3:40 - Why MDX over Markdown (md) 5:00 - Writing MDX (mind shift) 6:25 - Markdown history and portability 9:20 - Portable text vs. Markdown 12:00 - MDX Provider 16:27 - MDXjs.com 18:0 ## Picks ### Alex Patterson - [Circle - The all-in-one community platform for creators & brands](https://circle.so/) - [Spline a place to design and collaborate in 3D](https://spline.design) - [2021 NG-Conf](https://www.2021.ng-conf.org/) ### Brittney Postma - [Build a Toast Site with MDX and Tailwind – Learn with Jason](https://www.learnwithjason.dev/build-a-toast-site-using-mdx-and-tailwind) - [Party Corgi Network](https://partycorgi.com/) ### Chris Biscardi - [swc](https://github.com/swc-project/swc) - [Salsa - a generic framework for on-deman, incrementalized computation](https://github.com/salsa-rs/salsa) - [Bevy - A refreshingly simple data-driven game engine built in Rust Free and Open Source Forever!](https://bevyengine.org/) ## Recent Podcasts [View More](/podcasts/page/1)[![GenAI for Engineers, What](https://cdn.sanity.io/images/hfh83o0w/production/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming) ### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming) November 19, 2025 Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI. [![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/images/hfh83o0w/production/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/images/hfh83o0w/production/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences) ### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences) November 4, 2025 Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together! [![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/images/hfh83o0w/production/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)