A customized web server to generate Open Graph thumbnails of 1A23 Studio, 1A23 Blog, and Project SEKAI CTF team for social sharing.

Generation 1 was based on maximilianschmitt/og, a headless Chromium solution that takes a screenshot of a rendered webpage. The Chromium instance was running on my VPS.

Generation 2 is based on @vercel/og, which renders HTML to SVG, then to PNG using native JavaScript. The new code runs on Vercel’s Edge Function Runtimes in their free plan. Generation 2 is now running on all 3 sites above.


Thumbnail for 1A23 Studio
Thumbnail for 1A23 Blog
Thumbnail for Project SEKAI CTF team