If you operate a website or ecommerce/shopify store then you want your happy users to share your URLs with their friends via social apps Facebook, Apple iMessage, Whatsapp, Slack, and more. These social apps try to make your URLs look great. How does this work and how do you make sure your images look great?
Also, how can you create dynamic images that reflect the data in your database? Product names, pricing, five star ratings, and more?
In this slide deck we look at Open Graph protocol and the Puppeteer tools for generating images of HTML/CSS from your website. We also introduce some specific ideas for Ruby on Rails via the Grover library.
This talk combines with a live demo at https://mocralivelinks.com/open_graph_demo/plain_html