/og

🍇 Open Graph Generator made using next-api-og-image for personal use

Primary LanguageTypeScript

Open Graph Generator

🍇 Open Graph Generator made using next-api-og-image for personal use.

Feel free to fork it and use it for your website!

Deployment to Vercel

IMPORTANT, you need to change the Node version on Vercel to 14.x.x

General OG

Light Mode & Site Name Only

image

Query:

/api/general?siteName=Your Site Name&description=Lorem ipsum&theme=light

Light Mode & Template Title

image

/api/general?templateTitle=Page Name&siteName=Your Site Name&description=Lorem ipsum&theme=light

Dark Mode & Site Name Only

image

/api/general?siteName=Your Site Name&description=Lorem ipsum&theme=dark

Dark Mode & Template Title

image

/api/general?templateTitle=Page Name&siteName=Your Site Name&description=Lorem ipsum&theme=dark

Custom Logo

You can also customize logo by specifying logo, width is defaulted to 100px.

Or you can also add logoWidth and logoHeight by specifying pixel number

image

/api/general?siteName=Your Site Name&description=Lorem ipsum&theme=dark&logo=https://docs.thcl.dev/apple-icon-180x180.png&logoWidth=120