July 30, 2025 at 12:00:00 AM UTC
Website — Dynamic OG Images
website
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.
all entries