Home

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

Welcome to my MDX file!

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 (
 <h1>Hello from React!</h1>
 );
}

You can import and use it like this:

import MyComponent from './MyComponent';


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

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 MDX Document"
date: "2023-10-27"
---


# Greetings! This is my MDX file.


Consider this as a demonstration of an MDX file. It provides the capability to author content using Markdown while simultaneously integrating React components.


Check out this basic React component:


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

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

import MyComponent from './MyComponent';


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

For further details, consult the MDX documentation.

Now, let's include a list:

  • Item 1
  • Item 2
  • Item 3

And here's a hyperlink to Google.

Appearances