diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs index c6a2425..9ffe68b 100644 --- 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 index af0fc59..6f9392a 100644 --- a/docs/public/favicon.svg +++ b/docs/public/favicon.svg @@ -1,16 +1,11 @@ - + + + + diff --git a/docs/public/og.jpg b/docs/public/og.jpg new file mode 100644 index 0000000..eb55a38 Binary files /dev/null and b/docs/public/og.jpg differ diff --git a/docs/src/assets/logo.png b/docs/src/assets/logo.png deleted file mode 100644 index 6d0378c..0000000 Binary files a/docs/src/assets/logo.png and /dev/null differ diff --git a/docs/src/assets/logo.webp b/docs/src/assets/logo.webp new file mode 100644 index 0000000..bf45758 Binary files /dev/null and b/docs/src/assets/logo.webp differ diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index f2f8d40..40ce37e 100644 --- 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/