Welcome to the MDX Blog

This is an example MDX post to demonstrate the blog architecture. You can use full MDX: components, JSX, and Markdown together.

Why MDX?

MDX lets you embed React components inside your content. For example, you can render interactive demos or custom callouts without leaving the document.

Code blocks

Code blocks are highlighted with Shiki via rehype-pretty-code. Here's a small TypeScript snippet:

function greet(name: string): string {
  return `Hello, ${name}!`;
}
console.log(greet("MDX"));

Lists and structure

Frontmatter drives title, description, date, tags, cover, and published
Unpublished posts (published: false) are excluded from the list, RSS, and sitemap
Table of contents is generated automatically from headings

Next steps

Add more posts under content/posts/.
Use the same frontmatter shape for consistency.
Run npm run build to regenerate content and static pages.

That’s it. Happy writing.