{"id":18610169,"url":"https://github.com/creativecommons/og-image-generator","last_synced_at":"2025-10-06T12:48:34.973Z","repository":{"id":54183404,"uuid":"291813425","full_name":"creativecommons/og-image-generator","owner":"creativecommons","description":"An open graph image generator for Creative Commons projects.","archived":false,"fork":false,"pushed_at":"2024-04-01T16:44:27.000Z","size":8026,"stargazers_count":42,"open_issues_count":1,"forks_count":17,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-09-03T12:54:05.630Z","etag":null,"topics":["lambda-functions","puppeteer","serverless","typescript"],"latest_commit_sha":null,"homepage":"https://cc-og-image.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/creativecommons.png","metadata":{"funding":{"github":["creativecommons"],"custom":["https://creativecommons.org/donate"]},"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-08-31T20:05:46.000Z","updated_at":"2025-08-12T16:11:27.000Z","dependencies_parsed_at":"2024-04-01T17:52:07.454Z","dependency_job_id":"6760fe43-7d78-4245-93f4-dd6809f8c3b6","html_url":"https://github.com/creativecommons/og-image-generator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/creativecommons/og-image-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativecommons%2Fog-image-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativecommons%2Fog-image-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativecommons%2Fog-image-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativecommons%2Fog-image-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/creativecommons","download_url":"https://codeload.github.com/creativecommons/og-image-generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativecommons%2Fog-image-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278614461,"owners_count":26015967,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-06T02:00:05.630Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["lambda-functions","puppeteer","serverless","typescript"],"created_at":"2024-11-07T03:08:46.641Z","updated_at":"2025-10-06T12:48:34.942Z","avatar_url":"https://github.com/creativecommons.png","language":"TypeScript","readme":"# Open Graph Image Generator\n\nServerless service that generates dynamic Open Graph images that you can embed in your `\u003cmeta\u003e` tags.\n\nFor each keystroke, headless chromium is used to render an HTML page and take a screenshot of the result which gets cached.\n\n## Code of conduct\n\n[`CODE_OF_CONDUCT.md`][org-coc]:\n\u003e The Creative Commons team is committed to fostering a welcoming community.\n\u003e This project and all other Creative Commons open source projects are governed\n\u003e by our [Code of Conduct][code_of_conduct]. Please report unacceptable\n\u003e behavior to [conduct@creativecommons.org](mailto:conduct@creativecommons.org)\n\u003e per our [reporting guidelines][reporting_guide].\n\n[org-coc]: https://github.com/creativecommons/.github/blob/main/CODE_OF_CONDUCT.md\n[code_of_conduct]: https://opensource.creativecommons.org/community/code-of-conduct/\n[reporting_guide]: https://opensource.creativecommons.org/community/code-of-conduct/enforcement/\n\n\n## Contributing\n\nSee [`CONTRIBUTING.md`][org-contrib].\n\n[org-contrib]: https://github.com/creativecommons/.github/blob/main/CONTRIBUTING.md\n\n## What is an Open Graph Image?\n\nHave you ever posted a hyperlink to Twitter, Facebook, or Slack and seen an image popup?\nHow did your social network know how to \"unfurl\" the URL and get an image?\nThe answer is in your `\u003chead\u003e`.\n\nThe [Open Graph protocol](http://ogp.me) says you can put a `\u003cmeta\u003e` tag in the `\u003chead\u003e` of a webpage to define this image.\n\nIt looks like the following:\n\n```html\n\u003chead\u003e\n  \u003ctitle\u003eTitle\u003c/title\u003e\n  \u003cmeta\n    property=\"og:image\"\n    content=\"https://cc-og-image.vercel.app/Hello%20World.png\"\n  /\u003e\n\u003c/head\u003e\n```\n\n## Why use this service?\n\nThe short answer is that it would take a long time to painstakingly design an image for every single blog post and every single documentation page. And we don't want the exact same image for every blog post because that wouldn't make the article stand out when it was shared to Twitter.\n\nThat's where `cc-og-image.vercel.app` comes in. We can simply pass the title of our blog post to our generator service and it will generate the image for us on the fly!\n\nIt looks like the following:\n\n```html\n\u003chead\u003e\n  \u003ctitle\u003eHello World\u003c/title\u003e\n  \u003cmeta\n    property=\"og:image\"\n    content=\"https://cc-og-image.vercel.app/Hello%20World.png\"\n  /\u003e\n\u003c/head\u003e\n```\n\nNow try changing the text `Hello%20World` to the title of your choosing and watch the magic happen ✨\n\n## Deploy your own\n\nYou'll want to fork this repository and deploy your own image generator.\n\n1. Click the fork button at the top right of GitHub\n2. Clone the repo to your local machine with `git clone URL_OF_FORKED_REPO_HERE`\n3. Change directory with `cd og-image`\n4. Make changes by swapping out images, changing colors, etc (see [contributing](https://github.com/vercel/og-image/blob/main/CONTRIBUTING.md) for more info)\n5. Hobby plan users will need to remove all configuration inside `vercel.json` besides `rewrites`\n6. Run locally with `vercel dev` and visit [localhost:3000](http://localhost:3000) (if nothing happens, run `npm install -g vercel`)\n7. Deploy to the cloud by running `vercel` and you'll get a unique URL\n8. Setup [GitHub](https://vercel.com/github) to autodeploy on push\n\nIf you are using a paid plan, you can do a one-click deploy with the button below.\n\n[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/project?template=vercel/og-image)\n\nOnce you have an image generator that sparks joy, you can setup [automatic GitHub](https://vercel.com/github) deployments so that pushing to main will deploy to production! 🚀\n\n## Credits\n\nThis is a fork of the lovely [Open Graph Image Generator](https://github.com/vercel/og-image) created by [Vercel](https:/vercel.com). Special thanks to their clearly-written and reuse-friendly repository!\n","funding_links":["https://github.com/sponsors/creativecommons","https://creativecommons.org/donate"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativecommons%2Fog-image-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreativecommons%2Fog-image-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativecommons%2Fog-image-generator/lists"}