Andy Simon's Blog

asimon@blog:~/2025-07-26-mdx-test/$ _

Test MDX Page

by asimon
mdxreacttest

Testing MDX functionality with React components


title: "Test MDX Page" summary: "Testing MDX functionality with React components" date: "2025-07-26" tags: ["mdx", "react", "test"] author: "asimon" published: true

Welcome to MDX

This is a test page written in MDX format. MDX allows you to use JSX components directly in your Markdown content.

Features

  • ✅ Markdown syntax support
  • ✅ React component embedding
  • ✅ Frontmatter metadata
  • ✅ Static export compatibility

Interactive Component

You can embed React components directly:

🎉 This is a React component inside MDX!

Current time: 3:46:38 AM

Code Example

function BlogPost({ title, children }) {
  return (
    <article>
      <h1>{title}</h1>
      {children}
    </article>
  );
}

This demonstrates the power of MDX for creating rich, interactive blog content while maintaining the simplicity of Markdown.