Creating open graph images from structured content (ssr)

Written by Bryan Robinson

Missing Image!

Great open graph illustrations make your content stand out in social feeds. But they can also be hard to produce. Why rely on Sketch or Photoshop to create images for social sharing when your content already lives in your studio?

See how Henrique Doro built an asset source plugin for Sanity to create open graph images without using serverless functions, image editing software, or external digital asset management. While this plugin is named for its primary use, it can be used to create images of any kind based on specific schemas and React components.

Join the community

Each day, new contributions are added. Create an account to share your guides, projects, code snippets, plugins, and more with the Sanity community. We watch for exciting and unexpected uses of structured content to highlight on the #I-Made-This Show.