MDXBlog is a file-based content generation platform for teams who want Markdown, React components, and publishing workflows to live in one place instead of across disconnected tools.
What it is
This site works best when positioned as an MDX-focused content generation platform, not just a generic blog template. The strongest value is the combination of authoring, preview, component usage, and file-based publishing.
That makes it a good fit for documentation sites, technical blogs, product notes, learning resources, and content teams that want more control than a traditional CMS gives them.
Start with drafts, metadata, and reusable structures designed for technical writing.
Mix Markdown with React components so examples, embeds, and custom UI stay part of the document.
Keep posts and pages in the repo for versioning, review, portability, and long-term control.
Preview, organize, and ship your content from a system built for Next.js rather than a generic CMS.
Live Tool
Vim mode is enabled in CodeMirror. Write MDX on the left to see the rendered preview on the right.
Read the full walkthroughLoading…
Recent writing
Articles, walkthroughs, and implementation details from the platform itself.
In this article, we will walk through the process of creating a like button for an MDX-based Next.js application.
In this article, we'll explore how to create and use custom React components within MDX.
One of our goals for this site is to keep it fast, focused, and pleasant to read.
Images are essential in enriching the content of your markdown or MDX files, helping to convey information visually and make your articles more engaging.
In this article, we'll explore how to import and use custom components in MDX files and then dive into how these components and other elements can be styled to fit seamlessly within your design system.