Generate os:image from chart data about planner

[cliffordfajardo]

I know you have enough data points on the OG image generation process 😅

Github engineering outlined how they generate their og:image for github repos (June 2021)

• https://github.blog/2021-06-22-framework-building-open-graph-images/

So: our custom Open Graph image service is a little Node.js app that uses the GitHub GraphQL API to collect data, generates some HTML from a template, and pipes it to Puppeteer to “take a screenshot” of that HTML. This is not a novel idea—lots of companies and projects (like vercel/og-image) use a similar process to generate an image.

[bvaughn]

Got a custom Next server setup to do this:

Runs a little slow but seems to work:

planner-og-images.mov

[bvaughn]

Here’s a good page to checkout for perf optimization ideas:
https://twitter.com/codingbull/status/1478941720758960129?s=21