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 👌
github.com/mdx-js/mdx/tree/m…
👇
🥳 Announcing: @GatsbyJS 4.21!
gatsbyjs.com/docs/reference/…
🔸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
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 -- github.com/withastro/astro/r…
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! 💫💥
📺 The WebStorm video tutorial on building a blog with @nextjs and @mdx_js is now available on the JetBrains TV channel.
@ebenezerDN shows how to set up Next.js apps, generate dynamic URLs, and work with images, Markdown, and Bootstrap.
Check it out 👇
youtu.be/WCGopHwXnic
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 jobs.elastic.co/jobs/eng-cro…
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?
github.com/atomiks/mdx-prett…
.@mdx_js v2 (beta) is SO GOOD: mdxjs.com/docs/using-mdx/. 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
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!)
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 💕
ALT npm chart showing 1.8M downloads a week for the MDX core package.
Last week we finished migrating all of stripe.com/docs to our new homegrown content authoring system, Markdoc. If you're interested in how Stripe does docs, @segphault gave a great talk on this new system last year: youtube.com/watch?v=aLVvSyen…