Open Graph images

Links shared on social networks show a preview image from the og:image meta tag. This example draws the card as SVG with plain JSX and converts it to PNG with sharp, so every page can get its own image without a design tool.

JSX with Ease
Open the PNG

Add the image to the head of a page:

<meta property="og:image" content="https://expo.jeasx.dev/og/image?title=JSX+with+Ease&subtitle=Social+preview+images+rendered+on+the+fly&theme=sunset" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />