How to implement Opengraph Images
- Generate images Collection - Building an OpenGraph image generation API with Cloudinary, Netlify Functions, and React on @eggheadio
Here's the collection if you'd like to make your own card. https://t.co/OAkwjHybYN— Joel 🍄 (@jhooks) April 5, 2020
- GitHub - theianjones/egghead-opengraph-images
Essentially this course/these resources allow you to create Netlify serverless functions that will dynamically generate opengraph images using a template. Here’s the template I built for the course in CodeSandbox:
This then is sent to cloudinary and cached there so that it doesn’t have to be regenerated every time the image is requested.
The end product means that I don’t need to do extra work to find images I like for every note or post that I do.
You can browse the code that generates my Opengraph Images on Github