{"id":23260794,"url":"https://github.com/codemod-com/open-graph-api","last_synced_at":"2025-07-15T17:34:04.356Z","repository":{"id":221405106,"uuid":"754286782","full_name":"codemod-com/open-graph-api","owner":"codemod-com","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-12T15:00:40.000Z","size":623,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-02-12T11:17:09.560Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://open-graph-api-ten.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codemod-com.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-07T18:57:00.000Z","updated_at":"2024-02-09T17:00:00.000Z","dependencies_parsed_at":"2024-02-12T16:09:15.906Z","dependency_job_id":"6c9171e7-04a3-410d-9ad5-feb021796140","html_url":"https://github.com/codemod-com/open-graph-api","commit_stats":null,"previous_names":["codemod-com/open-graph-api"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemod-com%2Fopen-graph-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemod-com%2Fopen-graph-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemod-com%2Fopen-graph-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codemod-com%2Fopen-graph-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codemod-com","download_url":"https://codeload.github.com/codemod-com/open-graph-api/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247440138,"owners_count":20939204,"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","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":[],"created_at":"2024-12-19T13:18:51.510Z","updated_at":"2025-04-06T05:28:41.893Z","avatar_url":"https://github.com/codemod-com.png","language":"TypeScript","readme":"---\nname: Open Graph Image Generation\nslug: og-image-generation\ndescription: Compute and generate dynamic social card images with React components.\nframework: Next.js\nuseCase: Edge Functions\ncss: Tailwind\ndeployUrl: https://vercel.com/new/clone?repository-url=https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs\u0026project-name=vercel-og-nextjs\u0026repository-name=vercel-og-nextjs\ndemoUrl: https://og-examples.vercel.sh/api/static\nrelatedTemplates:\n  - nextjs-boilerplate\n  - aws-s3-image-upload-nextjs\n  - platforms-starter-kit\n  - blog-starter-kit\n---\n\n# Vercel OG + Next.js\n\nThis example shows how to use [Vercel OG](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation) with Next.js.\n\n## Demo\n\n- [Static Text](https://og-examples.vercel.sh/api/static)\n- [Vercel Card](https://og-examples.vercel.sh/api/vercel)\n- [Dynamic Text from URL Query](https://og-examples.vercel.sh/api/param)\n- [Embed SVG Image](https://og-examples.vercel.sh/api/image-svg)\n- [Dynamic PNG Image Based on URL Queries](https://og-examples.vercel.sh/api/dynamic-image?username=vercel)\n- [Custom Font](https://og-examples.vercel.sh/api/custom-font)\n- [Emoji](https://og-examples.vercel.sh/api/emoji)\n- [Languages](https://og-examples.vercel.sh/api/language)\n- [Encrypted Token](https://og-examples.vercel.sh/encrypted/a)\n\n## How to Use\n\nYou can choose from one of the following two methods to use this repository:\n\n### One-Click Deploy\n\nDeploy the example using [Vercel](https://vercel.com?utm_source=github\u0026utm_medium=readme\u0026utm_campaign=vercel-examples):\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs\u0026project-name=vercel-og-nextjs\u0026repository-name=vercel-og-nextjs)\n\n### Clone and Deploy\n\nExecute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [pnpm](https://pnpm.io/installation) to bootstrap the example:\n\n```bash\npnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-functions/vercel-og-nextjs\n```\n\nNext, run Next.js in development mode:\n\n```bash\npnpm dev\n```\n\nDeploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github\u0026utm_medium=readme\u0026utm_campaign=edge-middleware-eap) ([Documentation](https://nextjs.org/docs/deployment)).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodemod-com%2Fopen-graph-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodemod-com%2Fopen-graph-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodemod-com%2Fopen-graph-api/lists"}