Our mission is to take the friction out of content creation. We wanted a blogging platform that was easy to use, developer friendly - and that makes content creation a pleasure, so we built one with Next.js and MDX.
See the installation options for MDXBlog.
We regularly publish content, including articles, tutorials, and news covering MDX, Next.js, and other static site generation frameworks. Click here to start reading.
More About MDXBlog
Unlike some blogging solutions that rely on a database to store content, content management in MDXBlog is handled by easily editable Markdown (mdx) files in a folder on your local machine! Content creation with local files just feels more intuitive.
MDXBlog is a free, Next.js template project that is easy to install and deploy. It's an app built with the latest web technologies, offering a unique blogging experience. Using MDX (Markdown + JSX) and Next.js 14, it generates static pages that are fast, secure, and SEO-friendly. The app is designed to be easy to use and customize, with a clean, modern design that is fully responsive and mobile-friendly.
We have no official affiliation with the MDX team or Next.js, we are simply fans of the technology and wanted to create a simple, free, easy-to-use blog template for ourselves and to share with any other interested developers.
Popular Posts
Like Button in an MDX App with Next.js and Vercel PostgreSQL
June 27, 2024
Likes: 21
In this article, we will walk through the process of creating a like button for an MDX-based Next.js application.
Creating Custom Components for MDX
January 3, 2024
Likes: 13
In this article, we'll explore how to create and use custom React components within MDX.
Metadata Objects in Next js MDX Blog
June 23, 2024
Likes: 11
In this post, we want to share why we chose to use Metadata Objects over frontmatter for handling MDX metadata in our latest experiments.
Building a Content Management System for Static MDX Files
June 4, 2024
Likes: 8
In this article, we'll walk you through creating a content management system (CMS) for our MDXBlog, where blog posts are stored as local static files. We'll cover saving posts, generating a cache for efficient data retrieval, and handling form submissions for new blog entries.
Limitations of next mdx remote and an Alternative Approach
June 1, 2024
Likes: 6
While `next-mdx-remote` offers a robust solution for integrating MDX content in Next.js applications, it presents some limitations that can be crucial depending on the project's requirements.
MDX is a file format that combines Markdown with JSX, allowing developers to seamlessly embed React components within Markdown documents, enabling dynamic and interactive content creation. It facilitates the creation of rich, interactive documentation and blog posts in web development projects. MDX blends Markdown's straightforward syntax with the capability to embed dynamic JSX elements. Perfect for interactive, rich-content blogs. It's a good solution for those who appreciate the ease of Markdown and the power of React components.
- MDX Official Documentation
- Integrating MDX with Next.js
- Check out the Next.js portfolio starter template
Get MDXBlog: Download the github repo. Instructions for installation and deployment are included in the README.
- Documentation
- MDXBlog GitHub Repo
- The Blog, where you can find the latest news and tutorials.