docs: add homepage metadata (motion-canvas#141)

katmakhan · Jan 19, 2023 · 0cb8604 · 0cb8604
1 parent 4882179
commit 0cb8604
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/docs/docusaurus.config.js b/packages/docs/docusaurus.config.js
@@ -18,6 +18,7 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      metadata: [{name: 'keywords', content: 'typescript, animation, library'}],
       colorMode: {
         defaultMode: 'dark',
       },

diff --git a/packages/docs/src/pages/index.tsx b/packages/docs/src/pages/index.tsx
@@ -3,11 +3,18 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageHeader from '@site/src/components/Homepage/Header';
 import HomepageFeatures from '@site/src/components/Homepage/Features';
+import Head from '@docusaurus/Head';
 
 export default function Home(): JSX.Element {
   const {siteConfig} = useDocusaurusContext();
   return (
-    <Layout description={siteConfig.tagline}>
+    <Layout title={siteConfig.title} description={siteConfig.tagline}>
+      <Head>
+        <title>
+          {siteConfig.title} - {siteConfig.tagline}
+        </title>
+        <meta property="og:title" content={siteConfig.title} />
+      </Head>
       <HomepageHeader />
       <main>
         <HomepageFeatures />