Attempt to use dynamic meta images

marcbouchenoire · Sep 3, 2021 · 7bbc6aa · 7bbc6aa · vercel · Sep 3, 2021
1 parent f26fcc3
commit 7bbc6aa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -4,6 +4,8 @@
 
 [![build](https://github.com/bouchenoiremarc/ios-symbols/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/bouchenoiremarc/ios-symbols/actions/workflows/ci.yml) [![npm](https://img.shields.io/npm/v/ios-symbols?color=%230cf)](https://www.npmjs.com/package/ios-symbols) [![gzipped](https://img.shields.io/bundlephobia/minzip/ios-symbols?label=gzipped&color=%2385f)](https://www.npmjs.com/package/ios-symbols) [![license](https://img.shields.io/github/license/bouchenoiremarc/ios-symbols?color=%23e4b)](https://github.com/bouchenoiremarc/ios-symbols/blob/main/LICENSE)
 
+<img src="https://www.marcbouchenoire.com/api/screenshot/https%3A%2F%2Fwww.marcbouchenoire.com%2Fios-symbols?viewport.width=1240&viewport.height=800&radius=16" width="620" height="400" />
+
 🔗 Explore and preview symbols in the [playground](https://www.marcbouchenoire.com/ios-symbols).
 
 ## Introduction

diff --git a/packages/site/src/pages/_app.tsx b/packages/site/src/pages/_app.tsx
@@ -9,6 +9,13 @@ function App({ Component, pageProps }: AppProps) {
       <NextSeo
         description="A collection of every symbol from SF Symbols."
         openGraph={{
+          images: [
+            {
+              height: 620,
+              url: "https://www.marcbouchenoire.com/api/screenshot/capture/https%3A%2F%2Fwww.marcbouchenoire.com%2Fios-symbols?width=1200&height=620",
+              width: 1200
+            }
+          ],
           profile: {
             firstName: "Marc",
             lastName: "Bouchenoire",