Hello MDX

This is a sample blog post written in MDX. It supports standard Markdown syntax and React components.

Code Highlighting

Here is a code block with syntax highlighting and a copy button:

import { Button } from "@/components/ui/button"
 
export function MyComponent() {
  return (
    <Button variant="outline" onClick={() => console.log("Clicked!")}>
      Click me
    </Button>
  )
}

Lists

• Item 1
• Item 2
• Item 3

Blockquote

MDX allows you to write JSX in your Markdown files. It is a powerful way to add dynamic interactivity and embed React components within your content.

React Components

You can also use React components directly: