Launchpack by Świt StudioVercel OG (@vercel/og) alternative: code for every page, or a kit for your launch
@vercel/og is the right tool when every page needs its own generated image. Most products also need a static set for the home page, socials and launch platforms, which is where Launchpack fits.
Use @vercel/og (or ImageResponse from next/og) if you're a developer and want a generated OG image for every blog post or page. It's free and runs in your app.
Use Launchpack for the static launch set no code library makes: home-page OG image, X header and post, LinkedIn banner, Product Hunt gallery, favicons, manifest and tags, in 30 seconds. Many sites use both.
Side by side
| @vercel/og / next/og | Launchpack | |
|---|---|---|
| Price | Free library | OG image free; kit $9 one-time |
| Who uses it | Developers (JSX, deploys) | Anyone |
| Per-page dynamic images | Yes, its main job | No |
| Layout | You write it (flexbox subset of CSS) | Four ready layouts for every size |
| X header, LinkedIn banner, Product Hunt gallery | You'd build each | Included |
| favicon.ico, app icons, manifest | No | Yes (and Next.js-ready files in Pro) |
Where @vercel/og is better
- Every page gets its own image, generated from its title and data, with no manual step.
- Free and part of your codebase, versioned with everything else.
- Pixel control for developers who want to write the layout.
Its limits are worth knowing: only a subset of CSS (flexbox, no grid), fonts you load yourself (TTF, OTF or WOFF, not WOFF2) and a bundle size limit on the Edge runtime. The Next.js OG image guide covers the setup and the metadataBase trap.
Where Launchpack is better
- No code and no deploy to get your launch images.
- Sizes code doesn't usually cover: X header, LinkedIn banner, Product Hunt gallery and thumbnail.
- The icon set: favicon.ico, apple-touch-icon, maskable icon and manifest. Pro lays the ZIP out for Next.js (
app/opengraph-image.png,icon.png,apple-icon.png,manifest.ts).
Using both
A common setup: Launchpack's OG image as app/opengraph-image.png for the home page and as the default, opengraph-image.tsx with ImageResponse for blog posts, and Launchpack's banners and Product Hunt images for launch day.
Get your static launch set
Pro exports a ZIP ready for the Next.js App Router.
Questions
Is @vercel/og free?
Yes. It's an open library, and Next.js includes the same ImageResponse in next/og. You pay only for the hosting it runs on.
Can Launchpack make a dynamic OG image for each blog post?
No. Use opengraph-image.tsx with ImageResponse for per-page images; use Launchpack for the home page default, social banners, Product Hunt images and icons.
Does Launchpack work with Next.js?
Yes. Pro exports app/opengraph-image.png, twitter-image.png, icon.png, apple-icon.png, favicon.ico and manifest.ts, ready to drop into the App Router.