1

I made changelog page for my portfolio website

 3 years ago
source link: https://dev.to/m_ahmad/i-made-changelog-page-for-my-portfolio-website-4jfe
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Cover image for I made changelog page for my portfolio website
Muhammad Ahmad

Posted on Jan 30

• Originally published at mahmad.me

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. So 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:

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

Here is a chunk of code where I'm processing mdx content after fetching PR's list of my portfolio website.

//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)
  }

Enter fullscreen mode

Exit fullscreen mode

Complete File code

Page Image

Show your support

Give a ⭐️ on Github if you like my work!


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK