Technical blog
Hello, MDX
This post shows the richer version of the blog: text, reusable components, Mermaid, and a local image.
Introduction
This post lives in content/posts and is converted into a React component during the build, without a backend or CMS.
Summary
MDX keeps the blog static while opening room for diagrams, visual blocks, and richer content composition.
Code example
export function greet(name: string) {
return `Hello, ${name}`;
}
Format
MDX
rich content with a static build
Use
Blog
editorial text with components
Diagram
Mermaid
rendered on the client
Asset
Local
images served from the same site
Flow
Closing
MDX does not force you to over-style the text. The healthiest approach is to treat components as punctual tools, not as a replacement for the article itself.