duxum
duxum
CDCloudflare Developers
Created by duxum on 4/28/2025 in #pages-help
Open Graph Images on Demand in a Next.js Pages App
Hi everyone, I'm trying to find a reliable way to generate Open Graph images on demand in my Pages application, which is based on Next.js througj OpenNext. I attempted to use @cloudflare/pages-plugin-vercel-og, but I couldn't get my project to build. I also tried using the native next/og package; however, I'm encountering occasional errors like:
TypeError: Cannot perform Construct on a detached ArrayBuffer
TypeError: Cannot perform Construct on a detached ArrayBuffer
From what I can tell, the error seems to originate from vercel/satori. Has anyone successfully set up on-demand Open Graph image generation in a similar environment (Cloudflare Pages + OpenNext)? Any guidance, working examples, or alternative approaches would be greatly appreciated! Thank you, Christian Account ID: c6928ad860313552cfc09a07a236bf71.
5 replies