Hello World: My First Blog Post

Welcome to My Blog

This is my first post, written in MDX! MDX allows me to write JSX embedded in my markdown.

Here's an example of a React component being used inside this file:

// src/components/mdx-components.tsx
// I will create this file for you.

const CustomComponent = () => (
  <div style={{ border: '1px solid #ddd', padding: '1rem', borderRadius: '8px' }}>
    <p>This is a custom React component!</p>
  </div>
);

export { CustomComponent };

And now I can use it:

Code Blocks

I can also write code blocks with syntax highlighting.

console.log('Hello, from a code block!');

Regular Markdown

Of course, all the standard Markdown features work as well.

• Lists
• Bold text
• Italics
• Links

Stay tuned for more!