Next.js dynamic OG images with Satori: why opengraph-image.tsx hangs Turbopack at 400% CPU, how API routes fix it, plus WOFF2 and Twitter card gotchas.
1 article · 1 review
Satori is a library from Vercel that converts React JSX to SVG, used to generate Open Graph images and other graphics server-side. It was previously used on this site for dynamic OG images; replaced by static cover files to resolve a Turbopack CPU hang.
Next.js dynamic OG images with Satori: why opengraph-image.tsx hangs Turbopack at 400% CPU, how API routes fix it, plus WOFF2 and Twitter card gotchas.
Our dev server was freezing completely on the first visit to any dynamic route — CPU pegged at 300% and the only fix was a restart.
Erik Lindqvist 🇸🇪
Service: technical consultation
AvailableGot a project in mind?
Whether it's a new product, an integration, or scaling an existing system — let's talk about how I can help.