nextra.config.js

import { useRouter } from 'next/router'
import Script from 'next/script'

const LOADING_LOCALES = {
  en: 'Loading',
  cn: '正在加载',
  'pt-BR': 'Carregando',
}

const PLACEHOLDER_LOCALES = {
  en: 'Search documentation',
  cn: '搜索文档',
  'pt-BR': 'Buscar documentação',
}

export default {
  docsRepositoryBase: 'https://github.com/napi-rs/website/blob/main',
  chat: {
    link: 'https://discord.gg/SpWzYHsKHs',
  },
  project: {
    link: 'https://github.com/napi-rs/napi-rs',
  },
  logo: () => {
    return (
      <>
        <img src="/img/favicon.png" width={32} />
        <span
          style={{ width: 120 }}
          className="nx-mx-2 nx-font-extrabold nx-md:inline nx-select-none"
        >
          NAPI-RS
        </span>
      </>
    )
  },
  head: (props) => {
    const { title, meta } = props
    return (
      <>
        {/* Favicons, meta */}
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@napi_rs" />
        <meta name="twitter:creator" content="@napi_rs" />
        <link
          rel="apple-touch-icon"
          sizes="180x180"
          href="/img/apple-touch-icon.png"
        />
        <link
          rel="icon"
          type="image/png"
          sizes="32x32"
          href="/img/favicon-32x32.png"
        />
        <link
          rel="icon"
          type="image/png"
          sizes="16x16"
          href="/img/favicon-16x16.png"
        />
        <meta name="msapplication-TileColor" content="#ffffff" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta httpEquiv="Content-Language" content="en" />
        <meta
          name="keywords"
          content="Nodejs, Rust, Node.js, neon, performance, napi-rs, napi"
        />
        <meta
          name="description"
          content={
            meta?.description ||
            'a framework for building pre-compiled Node.js addons in Rust'
          }
        />
        <meta property="og:title" content={title ?? 'NAPI-RS'} />
        <meta
          property="og:image"
          content={`https://${
            process.env.VERCEL_URL && process.env.VERCEL_ENV !== 'production'
              ? process.env.VERCEL_URL
              : 'napi.rs'
          }/img/og.png`}
        />
        <meta
          property="og:description"
          content={
            meta?.description ||
            'NAPI-RS, a framework for building pre-compiled Node.js addons in Rust'
          }
        />
        <meta property="og:url" content="https://napi.rs" />
        <meta property="og:site_name" content="NAPI-RS" />
        <meta property="og:type" content="website" />
        <Script
          async
          src="https://www.googletagmanager.com/gtag/js?id=G-38WMNQBW8F"
        ></Script>
        <Script
          dangerouslySetInnerHTML={{
            __html: `window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-38WMNQBW8F');`,
          }}
        ></Script>
      </>
    )
  },
  footer: {
    text: () => {
      return (
        <p>
          <a href="https://vercel.com?utm_source=napi-rs&utm_campaign=oss">
            <img src="/assets/powered-by-vercel.svg" />
          </a>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Powered by{' '}
          <a
            href="https://nextra.vercel.app"
            className="nx-text-primary-600 nx-underline nx-decoration-from-font [text-underline-position:from-font]"
            target="_blank"
          >
            Nextra
          </a>
        </p>
      )
    },
  },
  editLink: {
    text: () => {
      const { locale } = useRouter()
      switch (locale) {
        case 'cn':
          return '在 GitHub 上编辑本页 →'
        case 'pt-BR':
          return 'Editar essa página no Github →'
        default:
          return 'Edit this page on GitHub →'
      }
    },
  },
  search: {
    loading: function useLoading() {
      const { locale, defaultLocale = DEFAULT_LOCALE } = useRouter()
      const text =
        (locale && LOADING_LOCALES[locale]) || LOADING_LOCALES[defaultLocale]
      return <>{text}…</>
    },
    placeholder: function usePlaceholder() {
      const { locale, defaultLocale = DEFAULT_LOCALE } = useRouter()
      const text =
        (locale && PLACEHOLDER_LOCALES[locale]) ||
        PLACEHOLDER_LOCALES[defaultLocale]
      return `${text}…`
    },
  },
  i18n: [
    { locale: 'en', text: 'English' },
    { locale: 'cn', text: '简体中文' },
    { locale: 'pt-BR', text: 'Português do Brasil' },
  ],
  useNextSeoProps: () => ({ titleTemplate: '%s \u2013 NAPI-RS' }),
}