MDXBlog

Welcome to MDXBlog

A static blog template for developers, built with Next.js and MDX.

Click the button above ☝️ to 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 the button below to start reading 👇.

Popular Articles

Creating a Like Button in an MDX App with Next.js and Vercel PostgreSQL

June 27, 2024

Likes: 38

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: 14

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: 12

In this post, we want to share why we chose to use Metadata Objects over frontmatter for handling MDX metadata...

Integrating Dynamic Components in MDX Files in Next.js 14

September 2, 2024

Likes: 10

One of the standout features of MDX (Markdown with JSX) in Next.js 14 is its ability to blend static content...

Building a Content Management System for Static MDX Files

June 4, 2024

Likes: 9

In this article, we'll walk you through creating a content management system (CMS) for our MDXBlog, where blog posts are...

What is MDX?
MDX Logo

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.

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! It's a good solution for those who appreciate the ease of Markdown and the power of React components.

MDXBlog is a free, open-source project that is easy to install and deploy. It's created 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.

Get MDXBlog: Download the github repo. Instructions for installation and deployment are included in the README.