Built a free OpenGraph visualizer in React to stop dealing with broken social previews

Every time I share a side project link on X or LinkedIn, the preview is either broken, badly cropped, or just a blurry logo.

I got tired of guessing how meta tags actually render, so while working on dynamic image generation for my own app (React + Node on Railway), I threw together a quick free tool to test them.

It scrapes the URL, checks your tags, and shows the actual preview cards for X, LinkedIn, and Facebook: https://ogcraft.dev/visualizer

No signup needed, just drop a link if you want to check your own projects.

Curious how you guys usually handle dynamic OG images in production? Edge functions, u/vercel/og, or something else?