Social media cards with Vue and Gridsome

A practical guide to adding social media cards (Open Graph and Twitter Card metadata tags) to a Gridsome/Vue static site. Covers three scenarios: global metadata tags applied to every page, page-specific static overrides, and dynamic template-based tags driven by GraphQL data. Shows how to use the key property to override global tags at the page level, and demonstrates the end result when sharing links on Twitter and Slack.