I have multiple websites built with Next.js 14 where I’ve implemented Open Graph using either opengraph-image.tsx or a special API route for dynamic generation. Strangely, while the opengraph-image.tsx logic is the same across websites, with only styling variations, it works on one site but not on another.By “not working,” I mean that it requires logging into Vercel to view the image.

As I started searching for the reasons, I came across a similar question. Unfortunately, even specifying the metadataBase didn’t work for me.