Home

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

Welcome to My MDX Page

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

function MyComponent() {
 return (
 <div>
 Hello from JSX!
 </div>
 );
}

Here's an image:

You can also include links, like to Google.

Let's add a list:

  • Item 1
  • Item 2
  • Item 3

And some bold and italic text.

Finally, a table:

| Header 1 | Header 2 | | -------- | -------- | | Cell 1 | Cell 2 | | Cell 3 | Cell 4 |

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

 # Greetings! This is My MDX Page
 

 This MDX document serves as an illustration. It shows the way to integrate Markdown formatting with JSX-based components.
 

 ```javascript
 function MyComponent() {
  return (
  <div>
  JSX says hello!
  </div>
  );
 }

Check out this image:

You're able to incorporate hyperlinks as well, for example to Google.

Now, let's insert a list:

  • First Item
  • Second Item
  • Third Item

Also, some strong and emphasized text.

In conclusion, a table:

| First Header | Second Header | | ----------- | ----------- | | First Cell | Second Cell | | Third Cell | Fourth Cell |

Appearances