Website — Dynamic OG Images

ewan July 30, 2025
Source
og image generation Implemented dynamic Open Graph image generation for the website. Each page gets a contextual preview image for social media sharing rather than a generic fallback. Built with SvelteKit server endpoints rendering HTML to images. The development process was painful — fonts refusing to load in the production build, endpoints mysteriously working in dev but failing when deployed, and Vercel's serverless function constraints. Eventually resolved by ensuring fonts were bundled correctly and the rendering pipeline worked without filesystem access.

Discussion in the ATmosphere

Loading comments...