mdx
Markdown for the component era (by mdx-js)
next-mdx-remote
Load MDX content from anywhere (by hashicorp)
mdx | next-mdx-remote | |
---|---|---|
108 | 21 | |
18,520 | 2,939 | |
0.8% | 0.9% | |
7.8 | 5.8 | |
10 days ago | 12 months ago | |
JavaScript | TypeScript | |
MIT License | Mozilla Public License 2.0 |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mdx
Posts with mentions or reviews of mdx.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2025-03-19.
-
Getting started with Next.js 15 and MDX
Official MDX site
-
A Lightweight MDX CMS for Static Sites (No Git, No Complex Setup)
For anyone wondering, MDX is a mix of Markdown and JSX: https://mdxjs.com/.
-
Storybook: The Workshop for Modern Frontends
Storybook simplifies working on those hard-to-reach spots in your codebase by providing an isolated workspace. It is a separate framework-agnostic app within your repository. You can do everything from developing components to documenting all different component states and showcasing them nicely using MDX with clickable demos and interactively changeable component arguments. You can also test your components within Storybook. Storybook's add-on API allows you to tailor it to your needs.
-
Mdx – Execute Your Markdown Code Blocks, Now in Go
You might want to reconsider the name. MDX is already a well-known technology that combines markdown with JSX https://github.com/mdx-js/mdx/
-
This Next.js blog template is awesome.
MDX - write JSX in markdown documents!
-
Show HN: Tenno – Markdown and JavaScript = an Hybrid of Word and Excel
I think this would be great as an evolution of MDX (https://mdxjs.com/). MDX is already pretty popular for documentation and it plays well with React but unfortunately there is no framework that adds interactivity to MDX which will enable use cases like data applications.
-
MDX with Translations 🐠
This is where MDX comes into play. It's essentially a hybrid of JSX / React and a well-specified dialect of Markdown. Essentially, this allows writing texts that are as simple as plain Markdown, as well as creating complex components as you might have done in full JSX.
-
Show HN: Typeform alternative, turns Markdown to forms
MDX is great for this, you can intermix JS/TS, JSX, and Markdown
https://mdxjs.com/
You can write your components normally and pass them in to be available in MDX
-
I wrote a new blog using Next.js App router
MDX — Write React code within Markdown.
-
How to Enhance Content with Semantify
Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.
next-mdx-remote
Posts with mentions or reviews of next-mdx-remote.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2025-06-12.
-
Next.js 15.1 is unusable outside of Vercel
Another follow-up. Some libraries[1] started to break from 15.1.8 onwards, so you had to downgrade to the vulnerable versions the author mentioned as well.
[1]: https://github.com/hashicorp/next-mdx-remote/issues/488
-
Give your blog superpowers with MDX in a Next.js
next-mdx-remote
- Is there a way to change where components are loaded from?
-
Making a blog with Directus, MDX, and Next.js On-Demand ISR
We are going to be using next-mdx-remote for this tutorial. Let us install it -
-
NextJS MDX from Database
So, i was reading the docs and Next/MDX looks exactly what i need for my blog. Well, not exactly because having hundreds of Markdown Pages doesn't look the best way to store the pages, and i was wondering if are any way to generate those pages from a DataBase full of Markdown pages. I read about next-MDX-remote but i was wondering if is there a native way to do that.
-
Next.js + MDX
next-mdx-remote, a community package maintained by Hashicorp that allows you to use MDX from outside your project.
-
Powerful Code Blocks with Code Hike and MDX
Do note that Code Hike also works with Next MDX Remote and MDX Bundler however, we are going to look at a simple example with the official MDX plugin for Next.js.
-
How to setup a dev blog using Next.js and next-mdx-remote.
Refer the next-mdx-remote github to learn more the use of plugins and how awesome things could be done using MDX.
-
Define my Pages in Wordpress
You could try storing mdx in wordpress somehow (I'm not a wordpress expert) and using next-mdx-remote to render that at runtime. MDX can contain both markdown and react components.
-
Beginners Guide to Using mdx-bundler With Your Next.js Blog
MDX is an extension on Markdown which, lets you import custom React components into your blog posts. To use MDX with Next.js you need to use a separate package. There are a few choices with MDX-remote being a popular one, but it has some drawbacks. For that reason, I chose to use mdx-bundler.
What are some alternatives?
When comparing mdx and next-mdx-remote you can also consider the following projects:
markdoc - A powerful, flexible, Markdown-based authoring framework.
rehype - HTML processor powered by plugins part of the @unifiedjs collective
pandoc - Universal markup converter
prism-react-renderer - 🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)
remark-gfm - remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
next-mdx-enhanced - A Next.js plugin that enables MDX pages, layouts, and front matter