Hello World
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:
- Adding custom React components to
src/components/ - Importing them in
mdx-content.tsx - Using them directly in your MDX files
The power of markdown with the flexibility of React - that's MDX.
Happy writing!