docusaurus.config.js

const users = require('./showcase.json');

module.exports = {
  title: 'React Native',
  tagline: 'A framework for building native apps using React',
  url: 'https://reactnative.dev',
  baseUrl: '/',
  projectName: 'react-native',
  scripts: [
    'https://cdn.jsdelivr.net/npm/focus-visible@5.0.2/dist/focus-visible.min.js',
    'https://snack.expo.io/embed.js',
    'https://platform.twitter.com/widgets.js',
    'https://buttons.github.io/buttons.js',
  ],
  favicon: 'img/favicon.ico',
  titleDelimiter: '·',
  customFields: {
    repoUrl: 'https://github.com/facebook/react-native',
    users,
    communityRepos: [],
    facebookAppId: '1677033832619985',
  },
  onBrokenLinks: 'log',
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        docs: {
          showLastUpdateAuthor: true,
          showLastUpdateTime: true,
          editUrl:
            'https://github.com/facebook/react-native-website/blob/master/docs/',
          path: '../docs',
          sidebarPath: require.resolve('./sidebars.json'),
          remarkPlugins: [require('./plugins/remark-snackplayer')],
        },
        blog: {
          path: 'blog',
          blogSidebarCount: 'ALL',
          blogSidebarTitle: 'All Blog Posts',
        },
        theme: {
          customCss: [
            require.resolve('./src/css/customTheme.scss'),
            require.resolve('./src/css/index.scss'),
            require.resolve('./src/css/showcase.scss'),
            require.resolve('./src/css/versions.scss'),
          ],
        },
      },
    ],
  ],
  plugins: ['docusaurus-plugin-sass', './sitePlugin'],
  themeConfig: {
    prism: {
      defaultLanguage: 'jsx',
      theme: require('./core/PrismTheme'),
      additionalLanguages: ['java', 'kotlin', 'objectivec', 'swift'],
    },
    navbar: {
      title: 'React Native',
      logo: {
        src: 'img/header_logo.svg',
        alt: 'React Native',
      },
      style: 'dark',
      items: [
        {
          label: 'Docs',
          type: 'doc',
          docId: 'getting-started',
          position: 'right',
        },
        {
          label: 'Components',
          type: 'doc',
          docId: 'components-and-apis',
          position: 'right',
        },
        {
          label: 'API',
          type: 'doc',
          docId: 'accessibilityinfo',
          position: 'right',
        },
        {
          to: '/help',
          label: 'Community',
          position: 'right',
        },
        {
          to: '/blog',
          label: 'Blog',
          position: 'right',
        },
        {
          type: 'docsVersionDropdown',
          position: 'left',
          dropdownActiveClassDisabled: true,
          dropdownItemsAfter: [
            {
              to: '/versions',
              label: 'All versions',
            },
          ],
        },
        {
          href: 'https://github.com/facebook/react-native',
          'aria-label': 'GitHub repository',
          position: 'right',
          className: 'navbar-github-link',
        },
      ],
    },
    image: 'img/logo-og.png',
    footer: {
      style: 'dark',
      links: [
        {
          title: 'Docs',
          items: [
            {
              label: 'Getting Started',
              to: 'docs/',
            },
            {
              label: 'Tutorial',
              to: 'docs/tutorial',
            },
            {
              label: 'Components and APIs',
              to: 'docs/components-and-apis',
            },
            {
              label: 'More Resources',
              to: 'docs/more-resources',
            },
          ],
        },
        {
          title: 'Community',
          items: [
            {
              label: 'The React Native Community',
              to: 'help',
            },
            {
              label: "Who's using React Native?",
              to: 'showcase',
            },
            {
              label: 'Ask Questions on Stack Overflow',
              to: 'https://stackoverflow.com/questions/tagged/react-native',
            },
            {
              label: 'Contributor Guide',
              to:
                'https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md',
            },
            {
              label: 'DEV Community',
              to: 'https://dev.to/t/reactnative',
            },
          ],
        },
        {
          title: 'More Resources',
          items: [
            {
              label: 'Blog',
              to: 'blog',
            },
            {
              label: 'Twitter',
              href: 'https://twitter.com/reactnative',
            },
            {
              label: 'GitHub',
              href: 'https://github.com/facebook/react-native',
            },
            {
              label: 'React',
              href: 'https://reactjs.org/',
            },
          ],
        },
      ],
      logo: {
        alt: 'Facebook Open Source Logo',
        src: 'img/oss_logo.png',
        href: 'https://opensource.facebook.com',
      },
      copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc.`,
    },
    algolia: {
      apiKey: '2c98749b4a1e588efec53b2acec13025',
      indexName: 'react-native-v2',
      contextualSearch: true,
    },
    googleAnalytics: {
      trackingID: 'UA-41298772-2',
    },
    gtag: {
      trackingID: 'UA-41298772-2',
    },
    metadatas: [
      {
        name: 'description',
        content: 'A framework for building native apps using React',
      },
      {property: 'og:title', content: 'React Native'},
      {
        property: 'og:description',
        content: 'A framework for building native apps using React',
      },
      {property: 'og:url', content: 'https://reactnative.dev/'},
      {
        property: 'og:image',
        content: 'https://reactnative.dev/img/logo-og.png',
      },
      {name: 'twitter:card', content: 'summary'},
      {
        name: 'twitter:image',
        content: 'https://reactnative.dev/img/logo-og.png',
      },
    ],
  },
};