voorhoede / head-start

Base setup on top of headless services to help you quickly start a new website

ISC License

4 stars 0 forks source link

OG Image generator #108

Open jbmoelker opened 10 months ago

jbmoelker commented 10 months ago

User story

As a content editor or marketer, I want to be able to easily create and add OG images to a web page, so my audience sees a preview / inspiring image when a link to my page is shared somewhere.

Possible solution

Use vercel/og Pages Plugin, og-worker package or something similar to generate OG images for web pages. During build- and/or run-time. With one or more templates for the images.

jbmoelker commented 2 months ago

Does this one work on Cloudflare? https://github.com/delucis/astro-og-canvas/tree/latest/packages/astro-og-canvas

Update: follow this thread: https://github.com/delucis/astro-og-canvas/issues/35

ducan-ne commented 2 months ago

@jbmoelker would you consider using bannerify.co instead? Its underlying is also powered by Satori (which powers astro-og-canvas) Would love to chat more if you're interested x.com/duc__an

ducan-ne commented 2 months ago

Btw I have this open source that you might find useful https://github.com/ducan-ne/ogcool

jbmoelker commented 1 month ago

Stumbled across a perfect reference: https://kevinkipp.com/blog/on-the-fly-open-graph-images/ generating OG Images using Cloudflare browser rendering (Puppeteer) and Cloudflare R2 (for caching) within an Astro project. The blog also links to all the code in a public repositories ⭐