Feature request: MDX plugin

[tromika]

Tell us how you think we can improve Sandpack

In order to improve the community adoption, we could spend more time building an official plugin for MDX and convert static code snippets to dynamic examples.

What is this feature?

Render a Sandpack component based on the MD or MDX syntax, for example:

export default function App() {
  return "test"
}

or

<Sandpack>
```App.js
export default function App() {
  return "test"
}
```
</Sandpack>

How would your idea work?

• What is the best syntax for each type of file (MD vs MDX)?
• Is there an opportunity to build a generic plugin? or does it need to be specific for each framework (gatsby, nextjs, etc)?

Do you have any examples of how you would like to see us implement it?

• React docs;

Feel free to drop any suggestion in this issue, or 👍 which one you like the most