Welcome to My MDX Page

This is an example of an MDX document. It allows you to write Markdown and embed React components.

Here's a simple React component:

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


export default MyComponent;

You can import and use it like this:

import MyComponent from './MyComponent';


function MyPage() {
 return (
 <div>
 <h1>My Page</h1>
 <MyComponent />
 </div>
 );
}


export default MyPage;

For more information, see the MDX documentation.

Let's add a list:

• Item 1
• Item 2
• Item 3

And a link to Google.

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


# Greetings! This is My MDX Page


This serves as a demonstration of an MDX file. Within it, you have the capacity to compose Markdown and integrate React elements.


Check out this basic React element:


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


export default MyComponent;

You can bring it in and utilize it in the following manner:

import MyComponent from './MyComponent';


function MyPage() {
 return (
 <div>
 <h1>My Page</h1>
 <MyComponent>
 </div>
 );
}


export default MyPage;

To discover further details, consult the MDX documentation.

Now, let's include a list:

• First Item
• Second Item
• Third Item

And a hyperlink to Google.

<AppearanceSection></AppearanceSection>