https://github.com/netlify/dynamic-og-images-example

Generate dynamic OpenGraph images using Netlify Edge Functions
https://github.com/netlify/dynamic-og-images-example

Last synced: 4 months ago
JSON representation

Generate dynamic OpenGraph images using Netlify Edge Functions

• Host: GitHub
• URL: https://github.com/netlify/dynamic-og-images-example
• Owner: netlify
• Created: 2024-02-23T19:34:49.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-23T20:28:43.000Z (over 1 year ago)
• Last Synced: 2025-02-25T13:15:43.741Z (4 months ago)
• Language: HTML
• Homepage: https://main--dynamic-og-images-example.netlify.app/
• Size: 844 KB
• Stars: 1
• Watchers: 8
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Netlify Examples](./docs/netlify-examples.png)

# Dynamic OG images with Netlify Edge Functions

This is an example of how to use [Netlify Edge Functions](https://docs.netlify.com/edge-functions/overview/) to generate dynamic OpenGraph images for your site.

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify/dynamic-og-images-example)

## Work locally

To use this project locally, first clone the repository:

    git clone [email protected]:netlify/dynamic-og-images-example.git

    cd dynamic-og-images-example

Install the dependencies:

    yarn

Install the Netlify CLI:

    npm install -g netlify-cli

Start the development server:

    ntl dev --command "yarn dev" --target-port 3000

This will open a browser window at `http://localhost:8888` with the example site.

## Demo site

See [the demo site](https://dynamic-og-images-example.netlify.app) for a live example.