Estilos em blocos de código

Estilos em blocos de código em NextJS

Rodrigo Dias Noronha
Rodrigo Dias Noronha

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();
}