RFC - Use MXD (Markdown + JSX + HTML) from a CMS

[Vadorequest]

It's already possible to use MDX from the filesystem, as proved with this POC. If that's all that interests you, then take a look at the code!

But this RFC is about using MDX from a CMS, thus avoiding the limitations/complexity of the filesystem.

Motivations

The benefit (using content from an external source) would be to render complex pages based on CMS-based markdown, interpreted as MDX files, which allows the embedding of complex react components.

The end-goal would be to define customer-specific pages and complex layouts, all stored on the DB, and allow a much higher level of customisation, from a customer perspective. (based on existing set of React components they could use and that'd be at their disposal)

The biggest benefit from this, is to achieve an unprecedented level of customisation, that combines the power of HTML, JSX and Markdown all combined.

Combining powerful pre-made JSX components, used on an external system (like a CMS, Airtable, etc.) that are compiled at build time (SSG or SSR) would allow an unprecedented level of customisation. The integration of complex JSX components (having their own behaviour, state, etc.) would be as simple as writing HTML.

Eventually, this could lead to providing a set of available JSX components (e.g: "Alert", "Banner", "CodeBlock", "LeftPanel", "Footer", etc.) that could be used as text on a CMS, and result in the ability for non-developers to create customised content (i.e: pages) using those components

---

This RFC is meant for commenting about how you could use something like that, what features you'd need, use cases, etc.

If "MDX-from-CMS" interests you, please see mdx-js/mdx#1097

[Vadorequest]

I managed to make it work, not with MDX, but with simple Markdown instead.

# Voici les conditions générales d'utilisation pour {customerLabel}.

Mais... Qui a envie de lire des **CGU** ?

- List element
- List element
- List element


<Code
  text="Vous pouvez aussi utiliser du JSX" />

<Code
  text="Vous pouvez aussi utiliser du JSX encore plus plus !" />

<Loader />

<Nav />

I can build a web page in... a web page. Isn't that fun?

<Footer />

This renders the following

Video:

https://youtu.be/GqgcDHwCQCU

---

It's done in #113 and will shortly be available in the new upcoming preset, using Airtable and Stacker CMS.