Welcome to My MDX Page

This is an example MDX document. It demonstrates how to combine Markdown with JSX components.

Here's a simple React component:

function MyComponent() {
 return (
 <h1>Hello from React!</h1>
 );
}

You can include images:

And links: My Website

Let's add a list:

• Item 1
• Item 2
• Item 3

Finally, some bold and italic text.

```mdx
---
title: "My MDX Document"
date: "2023-10-27"
---


# Greetings! This is My MDX Page


This particular MDX document serves as an illustration. It showcases the method of merging Markdown formatting with JSX-based components.


Check out this straightforward React component here:


```jsx
function MyComponent() {
 return (
 <h1>Hello from React!</h1>
 );
}

You have the ability to embed images, like this:

Also, here are some links: My Website

Now, let's incorporate a list:

• Item 1
• Item 2
• Item 3

To conclude, here's some text with bold emphasis and italic styling.