Building an OpenGraph image generation API with Cloudinary, Netlify Functions, and React by Chris Biscardi

• Designing OpenGraph unfurls in Figma
• Building an OpenGraph image React component in CodeSandbox, based on a Figma design
• Setting up a new GitHub repo to deploy functions on Netlify with Make and netlify.toml
• Scaffolding and deploying a Netlify Function in JavaScript
• Using Playwright to screenshot the DOM and return an image from a Netlify Function
• Compiling a React to an IIFE with Rollup to execute and render in a headless browser
• Setting the viewport on a Playwright headless browser
• Testing an opengraph image with the Twitter Card Validator
• Passing variables to serverless functions using query strings
• Using Cloudinary as a write-through cache for a Netlify Function that generates images
• Using _redirects files on Netlify to make .netlify function URLs more user-friendly