Welcome to MDX

This is your first MDX blog post. MDX allows you to use JSX components directly in your markdown content, making it perfect for technical writing.

Code Examples

Here's some TypeScript code with syntax highlighting powered by Shiki (running on the server):

And here's a React component:

The code highlighting works in both light and dark mode automatically!

Using Custom Components

Why MDX?

1. Write in Markdown - Familiar syntax for content
2. Use React Components - Embed interactive elements
3. Server-Rendered - Code highlighting happens at build time
4. Type-Safe - Full TypeScript support

What's Next?

You can add more custom components to mdx-components.tsx:

Then use it in your MDX:

Happy writing!