Last week Vercel announced the launch of their new library - @vercel/og. It allows us to dynamically generate Open Graph images - and do it super fast. You can even use Tailwind for your templates! I was super excited about it, so I spent some time and created a bunch of Tailwind templates for the community which you can copy and paste into your codebase, customise them however you want, and start using them for your website! To keep the templates easy to get started, I only used the default font family and font weight (Noto Sans Regular). However, I also created a tutorial to show you how to use your custom fonts and multiple font weights within your templates. I plan to work on many more templates in the future, so let me know if you'd like anything specific and I can have a look. Check it out and let me know what you think!

Very timely, this is something we have been looking at from a Product perspective. Thanks for taking the time to build the templates.

Congratulations on the launch! !

Love this and need to bookmark whenever I'm making a site - figuring out the OG image is always my least favorite part 😂 But so needed! Also love the bluth reference 😂