Support MD and MDX

[dario-piotrowicz]

One very common type of Next.js applications are applications that render content base on MD or MDX files.

The Next.js docs have a whole page dedicated to this.

We should investigate and make sure that we can support this patten, in particular it would be good to make sure that we can support the Next.js official MDX solution: @next/mdx.

---

We should also make sure to support Remote MDX is possible.

[james-elicx]

MDX files are normally pre-rendered to HTML at build-time and therefore pages using them work fine.

You would of-course run into a problem when you want to try and do things at run-time for two reasons;

• There is no file-system available.
• eval/function constructors are not allowed, and that is normally how mdx libraries work.

I'm not sure there is really anything to do here.

[vicb]

I believe the file system is not a problem when you (re)write your app to use i.e. remote mdx

eval is probably needed to render the jsx. It might be worth looking for libs embedding react for rendering?

[wesbos]

Subscribing to this. I'm working on my site, which has about 450 MDX files and I haven't had an issue - I'm using many MDX plugins as well. Webpack transforms the MDX files into code, so you just import them as normal.