genlayer-docs/theme.config.tsx at main · genlayerlabs/genlayer-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import React from "react";
import { DocsThemeConfig } from "nextra-theme-docs";
import { useRouter } from "next/router";
import TelegramIcon from "./components/icons/telegram";
import Logo from "./components/icon";
import TwitterLogo from "./components/icons/twitter";
import DiscordIcon from "./components/icons/discord";
import GitHubIcon from "./components/icons/github";
import CopyPage from "./components/copy-page";

const config: DocsThemeConfig = {
  logo: <Logo />,
  docsRepositoryBase: "https://github.com/genlayerlabs/genlayer-docs/tree/main",
  footer: {
    text: "GenLayer Documentation",
  },
  sidebar: {
    defaultMenuCollapseLevel: 1,
  },
  navigation: true,
  head: (
    <>
      <meta name="description" content="GenLayer the intelligence layer of the Internet" />
      <link rel="icon" href="/favicon.png" type="image/png" media="(prefers-color-scheme: light)" />
      <link rel="icon" href="/favicon-dark.png" type="image/png" media="(prefers-color-scheme: dark)" />
    </>
  ),
  navbar: {
    extraContent: (
      <div style={{ display: "flex", alignItems: "center" }}>
        <CopyPage />
        <a href="https://github.com/genlayerlabs" style={{ marginRight: 10 }}>
          <GitHubIcon />
        </a>
        <a href="https://t.me/genlayer" style={{ marginRight: 10 }}>
          <TelegramIcon />
        </a>
        <a href="https://x.com/GenLayer" style={{ marginRight: 10 }}>
          <TwitterLogo />
        </a>
        <a href="https://discord.gg/8Jm4v89VAu" style={{ marginRight: 10 }}>
          <DiscordIcon />
        </a>
      </div>
    ),
  },

  useNextSeoProps: () => {
    const { asPath } = useRouter();
    const isHomePage = asPath === "/";
    return {
      titleTemplate: isHomePage
        ? "GenLayer the intelligence layer of the Internet - Documentation"
        : "%s | Detailed GenLayer Documentation",
      openGraph: {
        type: "website",
        locale: "en_IE",
        url: "https://docs.genlayer.com/" + asPath,
        site_name: "GenLayer: the intelligence layer of the Internet - Documentation",
        title: "GenLayer: the intelligence layer of the Internet - Documentation",
        description:
          "Build and deploy AI-powered applications with GenLayer. Comprehensive documentation, guides, and API references for developers.",
        images: [
          {
            url: "/assets/genlayer.png",
            width: 150,
            height: 55,
            alt: "GenLayer Logo",
          },
        ],
      },
      additionalLinkTags: [
        { rel: "icon", href: "./components/icon" },
        { rel: "apple-touch-icon", href: "./components/icon", sizes: "180x180" },
      ],
      additionalMetaTags: [
        {
          name: "description",
          content: "Comprehensive documentation and guides on how to use GenLayer.",
        },
        {
          property: "og:description",
          content: "GenLayer the intelligence layer of the Internet - Documentation.",
        },
        {
          property: "og:image",
          content: "https://docs.genlayer.com/assets/genlayer.png",
        },
      ],
    };
  },
};

export default config;