Renderizzare il markdown

Per fare il render del markdown di ogni post, e cioè trasformare i file md in html con grassetti, ecc. usiamo la libreria remark:

npm install remark remark-html

Importala nel file lib/posts.js, sotto all'importazione di gray-matter:

import { remark } from 'remark';
import html from 'remark-html';

Aggiorna il metodo getPostData in modo che oltre ai metadati estragga anche il testo del post convertendolo in HTML:

Nota: abbiamo aggiunto anche la parola chiave async che ci permetterà di caricare i dati in modo asincrono.

Aggiorna il file pages/posts[id].js in modo che usi await in coppia con l'async che abbiamo appena scritto:

e modifica Post in modo che visualizzi anche il contenuto del post, aggiungendo nel posto giusto questa riga:

<div dangerouslySetInnerHTML={{ __html: postData.contentHtml }} />