chore: Update logo file format to webp and add og image (#164)

7nohe · Oct 14, 2024 · 09c76d9 · 09c76d9
1 parent 30c5982
commit 09c76d9
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 14 deletions.
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -2,6 +2,10 @@ import starlight from "@astrojs/starlight";
 // @ts-check
 import { defineConfig } from "astro/config";
 
+const site = "https://openapi-react-query-codegen.vercel.app";
+const ogUrl = new URL("og.jpg", site).href;
+const ogImageAlt = "OpenAPI React Query Codegen";
+
 // https://astro.build/config
 export default defineConfig({
   integrations: [
@@ -10,6 +14,16 @@ export default defineConfig({
       social: {
         github: "https://github.com/7nohe/openapi-react-query-codegen",
       },
+      head: [
+        {
+          tag: "meta",
+          attrs: { property: "og:image", content: ogUrl },
+        },
+        {
+          tag: "meta",
+          attrs: { property: "og:image:alt", content: ogImageAlt },
+        },
+      ],
       sidebar: [
         {
           label: "Guides",

diff --git a/docs/public/favicon.svg b/docs/public/favicon.svg
diff --git a/docs/public/og.jpg b/docs/public/og.jpg
diff --git a/docs/src/assets/logo.png b/docs/src/assets/logo.png
diff --git a/docs/src/assets/logo.webp b/docs/src/assets/logo.webp
diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx
@@ -5,7 +5,7 @@ template: splash
 hero:
   tagline: Code generator for creating React Query (also known as TanStack Query) hooks based on your OpenAPI schema.
   image:
-    file: ../../assets/logo.png
+    file: ../../assets/logo.webp
   actions:
     - text: Get Started
       link: /guides/introduction/