Introducing gatsby-plugin-pretty-link-card

A few days ago, I published an article on dev.to about my process debugging and resolving a pernicious Total Blocking Time issue on ColorBliss:

The Sneaky Total Blocking Time Issue That PageSpeed Insights Didn’t Catch

For months, I was plagued by a performance issue on ColorBliss. PageSpeed Insights reported 100+...

https://dev.to/benrobertson/the-sneaky-total-blocking-time-issue-that-pagespeed-insights-didnt-catch-522m

I decided it would be fun if I had a little link preview feature, but browsing the Gatsby plugin directory I couldn't quite find one that did what I wanted. Some relied on Puppeteer or were a little too heavy-weight for my use.

So, I decided to make a custom plugin 😎

And even though the Gatsby community isn't as active as it used to be before the Netlify acquisition, I thought I would still publish it and put it in the plugin library just in case anyone is still looking there.

The package is on npm here:

gatsby-remark-pretty-link-card

> Sponsored by ColorBliss, the best way to [turn a picture into a coloring page](https://colorbliss.com/photo-to-coloring-page-converter).. Latest version: 1.0.1, last published: a day ago. Start using gatsby-remark-pretty-link-card in your project by running `npm i gatsby-remark-pretty-link-card`. There are no other projects in the npm registry using gatsby-remark-pretty-link-card.

https://www.npmjs.com/package/gatsby-remark-pretty-link-card

and the code lives on Github here:

GitHub - benrobertsonio/gatsby-remark-pretty-link-card

Contribute to benrobertsonio/gatsby-remark-pretty-link-card development by creating an account on GitHub.

https://github.com/benrobertsonio/gatsby-remark-pretty-link-card

Once it's picked up by the Gatsby plugin library (if that is even still active!) it should show up here (it was inactive still as of August 28):

https://www.gatsbyjs.com/plugins/gatsby-remark-pretty-link-card/

https://www.gatsbyjs.com/plugins/gatsby-remark-pretty-link-card/