Welcome to my MDX page!

This is some bold and italics text.

This is a list in markdown:

• One
• Two
• Three

Task List

• Learn Markdown basics
• Setup Next.js with MDX
• Master advanced MDX features

Blockquotes

MDX combines the simplicity of Markdown with the power of React components.

— A wise developer

Tables

Feature	Markdown	MDX
Basic Syntax	✅	✅
React Components	❌	✅
Dynamic Content	❌	✅

Name	Value	Reference	Type
button-background-color-icon-dark-backdrop-default	rgba(0, 0, 0, 0)	transparent	Color

Code Examples

Here's a code block in JavaScript:

const greeting = "Hello, MDX!";
console.log(greeting);
>>>
Hello, MDX!

Python example:

def greet(name):
    return f"Hello, {name}!"

print(greet("MDX"))

CSS styling:

.mdx-content {
    max-width: 65ch;
    margin: 2rem auto;
    padding: 0 1rem;
}

Footnotes

Here's a sentence with a footnote¹.

Math Equations

Inline math: $E = mc^2$

Block math:

$$
f(x) = \int_{-\infty}^\infty
    \hat f(\xi)\,e^{2 \pi i \xi x}
    \,d\xi
$$

Footnotes

1. This is the footnote content. ↩