Skip to content
/ og Public
forked from theodorusclarence/og

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

Notifications You must be signed in to change notification settings

diagram/og

 
 

Repository files navigation

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!

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

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 85.9%
  • JavaScript 8.9%
  • CSS 4.8%
  • Shell 0.4%