Estilos em blocos de código em NextJS
Basicamente
Este bloco de código funciona somente no Node, você precisa formatar o html para renderizar corretamente os blocos de código.
Ele utilizar os estilos do PrismJS, logo você também precisa importar o CSS deles no teu front.
import remark from 'remark';
import html from 'remark-html';
import prism from 'remark-prism';
export default async function markdownToHtml(markdown) {
const result = await remark().use(html).use(prism).process(markdown);
return result.toString();
}