When I created my website I tried to simply use html for my blog content but I've noticed that I prefer writing content using markdown. After I saw Streamdown, a markdown parser designed for streamed ai generated markdown content by Hayden Bleasel I decided to implement it for my blog.
Small setup issues
My blog doesn't stream any content so that wasn't part of the selling point for me. It was how the ui that is included for the parsed content. It has default styling that makes sense and I'm not a designer so it was an easy choice for me. However, I did run into some issues when starting to use it mainly the bundle size because it is quite big.
Because of this I assign specific chunks to make sure everything compiles as intended. In simple sense this means I've updated my vite.config.ts within my project by setting up manualChunks within my build config.
Implementation
After configuration changes the implementation is really simple. You just need to import the Streamdown compentent and implemented within the file which should render the markdown.
Additionaly you can even setup additional configuration for multiple plugins that Streamdown supports.