· 1 menit baca
Next.js + MDX: Building an SEO-Friendly Blog
How the blog on this site works: MDX files in the repo, validated at build time, and rendered as static pages with full SEO metadata.
- Next.js
- MDX
- SEO
Why MDX instead of a CMS
[Explain your reasoning in two or three sentences: one author, content versioned in git, no extra service to run.]
How the pipeline works
Every article is a single .mdx file with frontmatter at the top:
---
title: "My post"
description: "120–160 characters for the meta description."
date: "2026-11-10"
tags: ["nextjs"]
---
Write the article here.[Describe what happens at build time: Velite validates the frontmatter, compiles the MDX, and the page is rendered as static HTML.]
SEO checklist for every post
- A unique title and meta description
- One
h1, with headings in order - Descriptive image
alttext - Internal links to related projects and articles
What I would add next
[Your notes on next steps, for example tag pages or an RSS feed.]