Generate Open Graph protocol images using Next.js and React components.
-
Updated
Jul 26, 2021 - TypeScript
Generate Open Graph protocol images using Next.js and React components.
This repository shows how you can generate dynamic social previews for your NextJS applications
SaaS to manage, optimize and generate your og:image og-image
Create eye-catching Open Graph images for each (or some) site pages
Generate static open graph images for Next.js at build time
A next.js plugin turns jsx components as image.
OG image generation on the fly with Skia
Companion dev server for @flyyer/cli and create-flyyer-app | https://useflyyer.github.io/studio/
Flyyer type definition for Typescript templates created with https://github.com/useflyyer/create-flyyer-app
Open Graph Image Gen with SvelteKit and Satori
Gatsby.js plugin | WIP 👷♀️
Public collaborative documentation and guides for Flyyer.io
Free template | https://flyyer.io
Easily extract and retrieve metadata from any website, including the title, OG image, and description.
Example using Rails 5 and Flyyer.io | https://docs.flyyer.io/guides/ruby/rails
React Hook to memoize a @flyyer/flyyer instance | https://flyyer.io
Official templates for Flyyer.io | https://flyyer.io/@/flyyer/official
Free template | https://flyyer.io/@/flyyer/simple-fade
Add a description, image, and links to the og-images topic page so that developers can more easily learn about it.
To associate your repository with the og-images topic, visit your repo's landing page and select "manage topics."