I made changelog page for my portfolio website

A Changelog page for any website is a good way to keep your audience up to date with new and meaningful changes. In my previous post, I mentioned that I'll create changelog page for my portfolio website. I got free time on the weekend and worked on it.

Page link: ma-ahmad/changelog

Github repo: https://github.com/MA-Ahmad/myPortfolio

I used Github Api to fetch PR's of my portfolio website. You can play with Github Api according to your requirements.

Packages:

• remark
• remark-html
• react-html-parser

Note: I used above mentioned packages for mdx content processing.

//Imports
import remark from 'remark'
import html from 'remark-html'

//Component code
const [prDataState, setPrDataState] = useState(null)
const processPrBody = async () => {
  await prData?.map(async (obj) => {
    if (obj.body) {
      const htmlBody = await remark().use(html).process(obj.body)
      obj['body_html'] = String(htmlBody)
    }
  })
  setPrDataState(prData)
}

Complete File code

Page Image