docusaurus.config.js

module.exports = {
  title: 'Hands on React',
  tagline: 'The best way to learn React',
  url: 'https://handsonreact.com',
  baseUrl: '/',
  onBrokenLinks: 'throw',
  favicon: 'img/favicon.ico',
  organizationName: 'craigmckeachie',
  projectName: 'handsonreact.com',
  // scripts: [
  //   {
  //     src: 'https://platform.twitter.com/widgets.js',
  //     async: true,
  //   },
  // ],
  scripts: [
    {
      src: 'https://www.google.com/recaptcha/api.js',
      async: true,
      defer: true,
    },
  ],
  themeConfig: {
    googleAnalytics: {
      trackingID: 'G-T76XX1J3DR',
    },
    colorMode: {
      defaultMode: 'light',
      disableSwitch: false,
      respectPrefersColorScheme: true,
      switchConfig: {
        darkIcon: '\u263e',
        lightIcon: '\u263c',
        darkIconStyle: {
          marginLeft: '2px',
          fontSize: '18px',
          color: 'black',
        },
        lightIconStyle: {
          marginLeft: '1px',
          fontSize: '18px',
        },
      },
    },
    image: 'img/hands-on-react.png',
    // announcementBar: {
    //   id: 'share',
    //   content: `If you like Hands on React, <a className="share-btn-twitter"
    //   rel="noopener" target="_blank"
    //   href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhandsonreact.com%2Fdocs%2F&text=Hands+on+React.+The+best+way+to+learn+React.+by+%40cmckeachie&hashtags=">share it on Twitter.</a>`,
    //   backgroundColor: 'rgb(72, 77, 91)',
    //   textColor: '#ffffff',

    //   isCloseable: false,
    // },
    navbar: {
      title: 'Hands on React',
      logo: {
        alt: 'React Logo',
        src: 'https://user-images.githubusercontent.com/1474579/98455653-856c7300-2141-11eb-9bf2-090d7d7e4d00.png',
      },
      items: [
        {
          to: 'docs/',
          activeBasePath: 'docs',
          label: 'Course',
          position: 'left',
        },
        // { to: 'blog', label: 'Blog', position: 'left' },
        // {
        //   to: 'about',
        //   activeBasePath: '/',
        //   label: 'About',
        //   position: 'right',
        // },
        // {
        //   to: 'emailcourse',
        //   activeBasePath: '/',
        //   label: 'FREE Email Course',
        //   position: 'right',
        // },
      ],
    },
    footer: {
      style: 'dark',
      links: [
        {
          title: 'Labs',
          items: [
            {
              label: 'Labs (JavaScript)',
              to: '/docs/labs/js/01-CreatingNewProject',
            },
            {
              label: 'Labs (TypeScript)',
              to: '/docs/labs/ts/01-CreatingNewProject',
            },
          ],
        },
        // {
        //   title: 'Community',
        //   items: [
        //     {
        //       label: 'Twitter',
        //       href: 'https://twitter.com/cmckeachie',
        //     },
        //     {
        //       label: 'YouTube',
        //       href: 'https://www.youtube.com/channel/UCxJG7GwhiI3lI7pn_HuBLgw?sub_confirmation=1',
        //     },
        //   ],
        // },
        {
          title: 'Links',
          items: [
            // {
            //   label: 'Blog',
            //   to: 'blog',
            // },
            {
              label: 'GitHub',
              href: 'https://github.com/craigmckeachie/handsonreact.com',
            },
          ],
        },
      ],
      copyright: `<br/><br/> 
      <section style="font-size: 85%"">
          <div className="container">
            <div className="row">
              <p>
                 The content on this site is available for private, non-commercial use under
                <a href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">
                  GPL version 3
                </a>.
                <br/> 
                If you would like to use this material to conduct your
                own training or workshop, please contact us at
                <a href="https://www.funnyant.com/contact">funnyant.com</a>.
                <br/>
                Copyright © ${new Date().getFullYear()} Funny Ant, LLC. All rights reserved.
              </p>
            </div>
          </div>
        </section>
     `,
    },
  },
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        docs: {
          sidebarPath: require.resolve('./sidebars.js'),
          // Please change this to your repo.
          editUrl:
            'https://github.com/craigmckeachie/handsonreact.com/blob/main/',
        },
        blog: {
          showReadingTime: true,
          // Please change this to your repo.
          editUrl:
            'https://github.com/craigmckeachie/handsonreact.com/blob/main/',
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
      },
    ],
  ],
};