Hello World

This is my first blog post using MDX in Next.js with proper frontmatter support!

Features

• Write markdown naturally
• Use React components
• Server-side rendering
• Frontmatter metadata
• Reading time estimation

Code Example

Check out this TypeScript example:

const greeting = "Hello, MDX!";
console.log(greeting);

Why MDX?

MDX combines the simplicity of Markdown with the power of React components. It's perfect for:

1. Blogs - Write content in Markdown, embed interactive components
2. Documentation - Code examples with live previews
3. Marketing sites - Rich content with custom layouts

Getting Started

The setup is straightforward with Next.js:

• Install the MDX packages
• Configure next.config.ts
• Create mdx-components.tsx for styling
• Write your content!

Tip: Frontmatter lets you define metadata like title, date, and tags at the top of your file.

Happy writing!