I was recently playing around with vercel/og package to generate dynamic og images for my next.js projects.
I ended up building an api route that generates og images based on dynamic query parameters like message, background color, logo, etc.
And because changing query parameters manually can get a bit tedious, I also made a visual editor. With it, you can design your og image quickly and generate a url to drop into your project (e.g., in your generateMetadata function).
Would love your feedback on this
thanks, Manu
0 comments
—
Show HN: An open graph image generator for Next.js · HackerTrans
I was recently playing around with vercel/og package to generate dynamic og images for my next.js projects.
I ended up building an api route that generates og images based on dynamic query parameters like message, background color, logo, etc.
And because changing query parameters manually can get a bit tedious, I also made a visual editor. With it, you can design your og image quickly and generate a url to drop into your project (e.g., in your generateMetadata function).
Would love your feedback on this thanks, Manu