diff --git a/docs/index.11tydata.cjs b/docs/index.11tydata.cjs
new file mode 100644
index 00000000..79451c81
--- /dev/null
+++ b/docs/index.11tydata.cjs
@@ -0,0 +1,34 @@
+const { createSocialImage } = require('@rocket/cli');
+
+module.exports = async () => {
+  const socialMediaImage = await createSocialImage({
+    createSocialImageSvg: async ({ logo }) => {
+      return `
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" style="fill: #ecedef;">
+          <defs/>
+          <rect width="100%" height="100%" fill="#38393e"/>
+          <g transform="matrix(0.45, 0, 0, 0.45, 300, 60)">${logo}</g>
+          <g style="
+            font-size: 70px;
+            text-anchor: middle;
+            font-family: 'Bitstream Vera Sans','Helvetica',sans-serif;
+            font-weight: 700;
+          ">
+            <text x="50%" y="470">
+              Open Web Components
+            </text>
+            <text x="50%" y="520" style="font-size: 30px;">
+              Guides, Tools and Libraries for developing web components
+            </text>
+          </g>
+          <text x="10" y="620" style="font-size: 30px; fill: gray;">
+            A Modern Web Product
+          </text>
+        </svg>
+      `;
+    },
+  });
+  return {
+    socialMediaImage,
+  };
+};
diff --git a/package.json b/package.json
index f4417d75..b4bf5d2b 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@rocket/blog": "^0.2.0",
-    "@rocket/cli": "^0.3.1",
+    "@rocket/cli": "^0.4.0",
     "@rocket/core": "^0.1.1",
     "@rocket/launch": "^0.3.0",
     "@rocket/search": "^0.2.0"
diff --git a/yarn.lock b/yarn.lock
index 29223626..6626da53 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2671,10 +2671,10 @@
     rollup-plugin-terser "^7.0.2"
     rollup-plugin-workbox "^6.1.0"
 
-"@rocket/cli@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@rocket/cli/-/cli-0.3.1.tgz#3d90b08169cb883e43cf30bc0c1272d0599fe794"
-  integrity sha512-dHjEIDQtpsUoNbj1CliGlxHIZVISMeoH7Uiwv6OOGJDjkx5YS5DYySJcAFamX88ab9q1bvjRRJ0IfIl8RIQxNA==
+"@rocket/cli@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@rocket/cli/-/cli-0.4.0.tgz#7a863fe743bbf3cbbbf0e3114c2f1cd537a60cad"
+  integrity sha512-4R4Rj65Z+r1kM2zTwNteEKubNWqEm/DQxi1YXVAgLWQEA5A0nos9oub8QO2qsiZqUEGTNFkD3TUCEJb17IiPPg==
   dependencies:
     "@11ty/eleventy" "^0.11.1"
     "@11ty/eleventy-img" "^0.7.4"
@@ -2688,7 +2688,7 @@
     "@web/dev-server" "^0.1.4"
     "@web/dev-server-rollup" "^0.3.2"
     "@web/rollup-plugin-copy" "^0.2.0"
-    check-html-links "^0.1.0"
+    check-html-links "^0.1.1"
     command-line-args "^5.1.1"
     command-line-usage "^6.1.1"
     fs-extra "^9.0.1"
@@ -6880,10 +6880,10 @@ check-error@^1.0.2:
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
   integrity sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=
 
-check-html-links@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/check-html-links/-/check-html-links-0.1.0.tgz#a56c73fa33173deaf66ac2cadedaebfd6615d5a4"
-  integrity sha512-ywp516D69vt3kUJ0QilPkxLhXBWJeIsIIKwM8J1eU1z4ATnTwNxjgJCa2W2Q+b6TIoh49l6ba2vIcItRvwBCbw==
+check-html-links@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/check-html-links/-/check-html-links-0.1.1.tgz#cb644c854637044f33a349448fd0656946715426"
+  integrity sha512-gcWNTK750kFB88/OYNJ75x3kJ/NcLmtW2wBXV8zjSCrVGckqYi6p3k1ALbYwc/EASsf7xO060MtqymFrsZsCnA==
   dependencies:
     chalk "^4.0.0"
     glob "^7.0.0"