Hello World

intromdx

Welcome to my blog! This is written in MDX, which means I can write standard markdown but also embed React components when I need more interactivity.

Why MDX?

MDX gives you the best of both worlds:

  • Simple writing: Just write markdown like you normally would
  • JavaScript power: Import and use React components when needed
  • Frontmatter: Metadata at the top of each file for titles, dates, tags

Code Examples

Here's some code with syntax highlighting:

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

What's Next?

You can expand this setup by:

  1. Adding custom React components to src/components/
  2. Importing them in mdx-content.tsx
  3. Using them directly in your MDX files

The power of markdown with the flexibility of React - that's MDX.

Happy writing!