Generate Open Graph Images

Use the Vercel Now.sh platform to create a serverless function to create social sharing cards.

By passing author, website, title and image to the project on Now you get an image generated with those details, take a look at the URL:

https://image-og.now.sh/og.jpg
?author=Scott%20Spence
&website=scottspence.com
&title=Modern%20web%20development%20guides%20hints%20and%20tips.
&image=https%3A%2F%2Fscottspence.me%2Ffavicon.png

Visit the URL for the asset generated:

Resources

I followed along with the Leigh Halliday course on YouTube

• Part one: https://www.youtube.com/watch?v=Al3tCJKOydY
• Part two: https://www.youtube.com/watch?v=ANedwsfXpO0
• Part three: https://www.youtube.com/watch?v=KlLgjuUQoJs
• Part four: https://www.youtube.com/watch?v=ZjGCiBpDZ7g

Related

• https://github.com/zeit/og-image