Best Markdown tool w/ remix?

[midnight walrus]

Can anyone suggest effective methods for setting up Markdown with Remix? Thanks!

[peak prairie]

Do you want to render Markdown on the client, or just in the server and send the rendered HTML?

Interested in MDX, or just Markdown?

I like markdown-it (https://www.npmjs.com/package/markdown-it), which is good if you want to render it on the server.

Use that in a loader, send the HTML to the client, and render it with dangerouslySetInnerHTML

If you want to render on the client too, then react-markdown is your best bet. https://github.com/remarkjs/react-markdown

[midnight walrus]

That’s helpful I’ll look into both of these. Should be good either way just as long as it is rendered properly. Thanks Alex.

[peak prairie]

I recommend starting with the server-rendered. Better performance, smaller client bundle.

[midnight walrus]

Okay I’ll shoot for that, thanks!

[quasi stone]

What do you thing about https://markdoc.dev/ ?
I've seen this article by @ruby marten https://sergiodxa.com/articles/parse-markdown-with-markdoc-in-remix where he explains how to use it. And mostly I see it' makes easy to add externalReact components, which I' need for my project:

1. Is markdown-it capable of adding React components?
2. Which integrates 'best' with Remix?
3. Do you recommend any markdown editor ? (I've tried Lexical and looks very powerful ... but difficult to configure...
   Thx

[empty burrow]

The one I use is quite terrible

I had to bundle so many things server side

@uiw/react-markdown it was or something

But I would not recommend it for Remix. It has nice features but its actually hell to make work.