vercel-social-image

Demonstrates different ways to generate dynamic images using next deployed to vercel.

Rendered Dynamically from Canvas using @napi-rs/canvas

Canvas

/api/canvas/[name].png

Rendered Dynamically from SVG using @resvg/resvg-js

SVG

/api/svg/[name].png

Rendered During Build from HTML using playwright-chromium

Playwright

[/public]/build-*.png