logo

Markdown For The Component Era

MDX allows you to use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast.

a

[Go to homepage](/)

[Go to img title](#img)

[MDX](https://mdxjs.com 'title')

Go to homepage

Go to img title

MDX

blockquote

> A greater than…

A greater than…

br

A backslash\
before a line break…

A backslash


before a line break…

em

Some _asterisks_ for emphasis.

Some asterisks for emphasis.

code

Some `backticks` for inline.

```js
backtick.fences('for blocks');
```

Some backticks for inline.

backtick.fences('for blocks')

img

w/ next/image
![Banner](/images/banner.png)

w/o next/image

<img src="/images/banner.png" alt="Banner" />

w/ next/image Banner

w/o next/image

Banner

More

More demonstration on MDX