docusaurus.config.js

import { default as npm2yarn } from "@docusaurus/remark-plugin-npm2yarn";
import { themes as prismThemes } from "prism-react-renderer";

const remarkMath = require("remark-math");
const rehypeKatex = require("rehype-katex");
const readingTimePlugin = require("./plugins/remark-reading-time");

const path = require("path");

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: "CodeHarborHub",
  tagline: "A place to learn and grow",
  favicon: "img/favicon_io/favicon.ico",
  url: process.env.URL || "https://codeharborhub.github.io/",
  baseUrl: "/",
  customFields: {
    admin: "Ajay Dhangar",
    superman: "Shivay",
    // serviceId: process.env.EMAILJS_SERVICE_ID,
    // templateId: process.env.EMAILJS_TEMPLATE_ID,
    // userId: process.env.EMAILJS_USER_ID,
    // emailService: process.env.EMAIL_SERVICE,
  },

  organizationName: "codeharborhub",
  projectName: "codeharborhub.github.io",

  i18n: {
    defaultLocale: 'en',
    locales: ['en'],
    localeConfigs: {
      en: {
        label: 'English (US)',
        htmlLang: 'en-US', // Signals US English target to search engines
      },
    },
  },

  headTags: [
    {
      tagName: 'meta',
      attributes: {
        name: 'impact-site-verification',
        value: '0ecab9f1-a456-4638-9f7a-17e0ff5f55f6',
      },
    },
    {
      tagName: 'script',
      attributes: {
        type: 'application/ld+json',
      },
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'Organization',
        name: 'CodeHarborHub',
        url: 'https://codeharborhub.github.io',
        logo: 'https://codeharborhub.github.io/img/logo.png',
        sameAs: [
          'https://github.com/CodeHarborHub',
          'https://twitter.com/CodeHarborHub',
          'https://www.linkedin.com/company/codeharborhub',
        ],
      }),
    },
    {
      tagName: "script",
      attributes: {
        async: "true",
        src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5832817025080991",
        crossorigin: "anonymous",
      },
    },
  ],

  onBrokenLinks: "throw",
  onBrokenMarkdownLinks: "warn",

  presets: [
    [
      "@docusaurus/preset-classic",
      /** @type {import('@docusaurus/preset-classic').Options} */
      ({
        debug: true,
        docs: {
          path: "docs",
          sidebarPath: "sidebars.js",
          numberPrefixParser: false,
          showLastUpdateAuthor: true,
          showLastUpdateTime: true,
          admonitions: {
            keywords: ["my-custom-admonition"],
            extendDefaults: true,
          },
          editUrl:
            "https://github.com/codeharborhub/codeharborhub.github.io/edit/main/",
          remarkPlugins: [readingTimePlugin, remarkMath],
          rehypePlugins: [rehypeKatex],
        },
        pages: {
          remarkPlugins: [npm2yarn],
        },
        blog: false,

        // blog: {
        //   showReadingTime: true,
        //   blogTitle: "CodeHarborHub",
        //   blogDescription:
        //     "Welcome to CodeHarborHub blog, a place to learn and grow. We provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals. Our mission is to empower individuals with the knowledge and skills they need to succeed in today's fast-paced world. Whether you're looking to learn a new skill, advance your career, or simply explore new ideas, CodeHarborHub has something for you.",
        //   postsPerPage: 6,
        //   truncateMarker: /<!--\s*(truncate)\s*-->/,
        //   blogSidebarTitle: "List blog",
        //   blogSidebarCount: "ALL",
        //   include: ["**/*.md", "**/*.mdx"],
        //   exclude: [
        //     "**/_*.{js,jsx,ts,tsx,md,mdx}",
        //     "**/_*/**",
        //     "**/*.test.{js,jsx,ts,tsx}",
        //     "**/__tests__/**",
        //   ],
        //   showReadingTime: true,
        //   onUntruncatedBlogPosts: "ignore",
        //   editUrl:
        //     "https://github.com/codeharborhub/codeharborhub.github.io/edit/main/",

        //   feedOptions: {
        //     type: "all",
        //     copyright: `© ${new Date().getFullYear()} CodeHarborHub`,
        //   },

        //   remarkPlugins: [
        //     [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }],
        //     remarkMath,
        //   ],

        //   rehypePlugins: [rehypeKatex],
        // },
        theme: {
          customCss: "./src/css/custom.css",
        },
      }),
    ],
  ],

  stylesheets: [
    {
      href: "https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css",
      type: "text/css",
      integrity:
        "sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM",
      crossorigin: "anonymous",
    },
  ],

  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      image: "/img/codeharborhub-social-card.png",
      announcementBar: {
        id: "announcementBar",
        content:
          '🤖 <b>New:</b> Master the basics of AI! Explore our <a href="https://codeharborhub.github.io/tutorial/machine-learning" target="_blank">Machine Learning Tutorials</a> today! 🚀',
        isCloseable: true,
        backgroundColor: "#1e293b",
      },

      metadata: [
        {
          name: "keywords",
          content:
            "CodeHarborHub, Docs, Tutorials, Courses, DSA, Problems, Solutions, Showcase, Community, Blog, Web Dev, Live Editor, Quiz, Tags, Donate, Careers, Team, GitHub, Products, LinkedIn, YouTube, Discord, Twitter, Privacy Policy, Terms of Service, Code of Conduct, Cookie Policy, Licensing, Web Development, React, JavaScript, Python, Java, Tailwind CSS, CPP, NextJs, MATLAB, Julia, HTML, CSS, TypeScript, DSA, Data Structures, Algorithms, Competitive Programming",
        },
        { name: "twitter:card", content: "summary_large_image" },
        { name: "twitter:site", content: "@CodesWithAjay" },
        { name: "twitter:creator", content: "@CodesWithAjay" },
        { property: "og:type", content: "website" },
        { property: "og:site_name", content: "CodeHarborHub" },
        {
          property: "og:title",
          content: "CodeHarborHub - A place to learn and grow",
        },
        {
          property: "og:description",
          content:
            "CodeHarborHub is a place to learn and grow. We provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals.",
        },
        {
          property: "og:image",
          content:
            "https://codeharborhub.github.io/img/codeharborhub-social-card.png",
        },
        { property: "og:url", content: "https://codeharborhub.github.io" },
      ],

      algolia: {
        apiKey: "9a235effc3fe5f0b7b18245f309910c5",
        indexName: "codeharborhubio",
        appId: "ZF3MPCPQHR",
        contextualSearch: false,
      },

      navbar: {
        title: "CodeHarborHub",
        logo: {
          alt: "CodeHarborHub Logo",
          src: "img/nav-logo.jpg",
        },
        items: [
          {
            type: "dropdown",
            html: '<span class="nav-emoji">📚</span> Docs',
            position: "left",
            items: [
              {
                type: "html",
                value: `<div class="dropdown_grid">
                <a class="dropbtn" href="/docs/">Docs</a>
                <div class="dropdown-content">
                  <a href="/tutorials/html" class="nav__icons"> <img src="/icons/html-5.svg" title="HTML5" alt="HTML" /> </a>
                  <a href="https://codeharborhub.github.io/tutorial/css/introduction" class="nav__icons"> <img src="/icons/css.svg" title="CSS" alt="CSS" /> </a>
                  <a href="https://codeharborhub.github.io/tutorial/javascript/introduction-to-javascript/what-is-javascript" class="nav__icons" > <img src="/icons/js.svg" title="JavaScript" alt="JavaScript" /> </a>
                  <a href="https://codeharborhub.github.io/tutorial/react/create-react-app" class="nav__icons"> <img src="/icons/jsx.svg" title="React.Js" alt="React" /> </a>
                  <a href="#" class="nav__icons"> <img src="/icons/ts.svg" title="TypeScript" alt="TypeScript" /> </a>
                  <a href="#" class="nav__icons"> <img src="/icons/py.svg" title="Python" alt="Python" /> </a>
                  <a href="#" class="nav__icons"> <img src="/icons/tailwind-css.svg" title="Tailwind CSS" alt="Tailwind" /> </a>
                  <a href="#" class="nav__icons"> <img src="/icons/next-js.svg" title="NextJs" alt="Next" /> </a>
                </div>
              </div>`,
              },

              {
                type: "html",
                value: '<hr style="margin: 0.3rem 0;">',
              },

              {
                type: "html",
                value: `<div class="dropdown_grid">
                <a class="dropbtn" href="/courses/"> Courses </a>
                <div class="dropdown-content">
                  <a href="/courses/category/html" class="nav__icons"> <img src="/icons/html-5.svg" alt="HTML" /> </a>
                  <a href="/courses/category/css-course" class="nav__icons"> <img src="/icons/css.svg" alt="CSS" /> </a>
                  <a href="/courses/category/reactjs" class="nav__icons"> <img src="/icons/jsx.svg" alt="React" /> </a>
                </div>
              </div>`,
              },

              {
                type: "html",
                value: '<hr style="margin: 0.3rem 0;">',
              },

              {
                type: "html",
                value: `<div class="dropdown_grid">
                <a class="dropbtn" href="https://codeharborhub.github.io/dsa/" target="_self"> DSA </a>
                <div class="dropdown-content dsa-content ">
                  <a href="https://codeharborhub.github.io/dsa/problems/" target="_self" class="nav__icons"> 🧩Problems </a> <br />
                  <a href="https://codeharborhub.github.io/dsa/solutions/" target="_self" class="nav__icons  "> 💡Solutions </a>
                </div>
              </div>`,
              },
            ],
          },
          {
            to: "/github-stars-nominate",
            html: '<span class="nav-emoji">⭐</span> GitHub Stars',
            position: "left",
          },
          {
            to: "/community",
            html: '<span class="nav-emoji">🤝</span> Community',
            position: "left",
          },
          {
            to: "/our-sponsors/",
            html: '<span class="nav-emoji">💰</span> Donate',
          },
          {
            to: "https://codeharborhub.github.io/blog/",
            html: '<span class="nav-emoji">📰</span> Blog',
          },
          {
            to: "/feature-requests/",
            html: '<span class="nav-emoji">💡</span> Feature Requests',
          },

          {
            type: "dropdown",
            html: '<span class="nav-emoji">🔗</span> More',
            position: "left",
            items: [
              {
                to: "/showcase",
                label: "Showcase",
              },
              {
                label: "Projects",
                to: "/projects/",
              },
              {
                label: "E-books",
                to: "/ebooks/",
              },

              {
                label: "Roadmap",
                to: "/roadmap/",
              },
              {
                label: "Live Editor",
                to: "/LiveEditor/",
              },
              {
                label: "Broadcast",
                to: "https://codeharborhub-broadcast-web.vercel.app/",
              },
              {
                label: "Events",
                to: "/events/",
              },
            ],
          },
          // {
          //   type: "dropdown",
          //   html: '<span class="nav-emoji">🏷️</span> Tags',
          //   position: "left",
          //   items: [
          //     {
          //       label: "🏷️ Tutorial Tags 📚",
          //       to: "/docs/tags/",
          //       activeBaseRegex: "/docs/tags/",
          //     },
          //     {
          //       label: "🏷️ Courses Tags 🎓",
          //       to: "/courses/tags/",
          //       activeBaseRegex: "/courses/tags/",
          //     },
          //     {
          //       label: "🏷️ DSA Tags 🧠",
          //       to: "/dsa/tags/",
          //       activeBaseRegex: "/dsa/tags/",
          //     },
          //   ],
          // },
          {
            type: "search",
            position: "right",
          },
          // {
          //   href: "https://github.com/codeharborhub/codeharborhub",
          //   position: "right",
          //   className: "header-github-link",
          //   "aria-label": "GitHub repository",
          // },
          // {
          //   href: "https://www.codeharborhub.live/register",
          //   position: "right",
          //   className: "header-signup-link",
          //   "aria-label": "Auth",
          //   label: "Auth",
          // },
        ],
        hideOnScroll: true,
      },
      footer: {
        style: "dark",
        links: [
          {
            title: " ",
            items: [
              {
                html: `
                    <div class="footer_info--container">
                      <img src="/img/nav-logo.jpg" alt="Footer logo" />
                      <span>
                      Our mission at CodeHarborHub is clear: to provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals.
                      </span>
                    </div>
                  `,
              },
            ],
          },
          {
            title: "Resources",
            items: [
              {
                label: "Tutorials",
                to: "/docs",
              },
              {
                label: "Courses",
                to: "/courses",
              },
              {
                label: "DSA Problems",
                to: "#",
              },
              {
                label: "DSA Solutions",
                to: "#",
              },
            ],
          },
          {
            title: "Company",
            items: [
              {
                label: "About",
                to: "/about/",
              },
              {
                label: "Contact",
                to: "/contact/",
              },
              {
                label: "Careers",
                to: "/careers/",
              },
              {
                label: "Team",
                to: "/community/team/",
              },
            ],
          },
          {
            title: "Terms/Conditions",
            items: [
              {
                label: "Privacy Policy",
                to: "/privacy-policy/",
              },
              {
                label: "Terms of Service",
                to: "/terms-service/",
              },
              {
                label: "Code of Conduct",
                to: "/code-of-conduct",
              },
              {
                label: "Cookie Policy",
                to: "/cookie-policy",
              },

              {
                label: "License",
                to: "/License/",
              },
            ],
          },
          {
            title: "Quick Links",
            items: [
              {
                label: "Blog",
                to: "https://codeharborhub.github.io/blog/",
              },
              {
                label: "Community",
                to: "/community/",
              },
              {
                label: "GitHub",
                href: "https://github.com/codeharborhub",
              },
            ],
          },
          {
            title: "Social Media",
            items: [
              {
                label: "LinkedIn",
                href: "https://www.linkedin.com/company/codeharborhub/",
              },
              {
                label: "YouTube",
                href: "https://www.youtube.com/",
                icon: "faYoutube",
              },
              {
                label: "Discord",
                href: "https://discord.gg/c53FQn3pRv",
              },
              {
                label: "Twitter(X)",
                href: "https://twitter.com/CodesWithAjay",
              },
            ],
          },
        ],
        logo: {
          alt: "Powered by CodeHarborHub | Product Hunt",
          src: "https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=464236&theme=light",
          href: "https://www.producthunt.com/posts/codeharborhub",
        },
        copyright: `Copyright © ${new Date().getFullYear()} CodeHarborHub, Made by <a href="https://github.com/Ajay-Dhangar/">Ajay Dhangar</a>`,
      },
      prism: {
        theme: prismThemes.github,
        darkTheme: prismThemes.dracula,
        additionalLanguages: [
          "java",
          "latex",
          "haskell",
          "matlab",
          "PHp",
          "powershell",
          "bash",
          "diff",
          "json",
          "scss",
        ],
      },
      docs: {
        sidebar: {
          hideable: true,
        },
      },
    }),

  markdown: {
    mermaid: true,
  },
  themes: ["@docusaurus/theme-mermaid", "@docusaurus/theme-live-codeblock"],

  plugins: [
    [
      "vercel-analytics",
      {
        debug: true,
        mode: "auto",
      },
    ],
    [
      "@docusaurus/plugin-google-tag-manager",
      {
        containerId: "GTM-MLJNRGC9",
      },
    ],
    [
      "@docusaurus/plugin-google-gtag",
      {
        trackingID: "G-8QK6Y7QDCB",
        anonymizeIP: true,
      },
    ],
    [
      "@docusaurus/plugin-pwa",
      {
        debug: true,
        offlineModeActivationStrategies: [
          "appInstalled",
          "standalone",
          "queryString",
        ],
        swCustom: require.resolve("./src/sw.js"),
        pwaHead: [
          {
            tagName: "link",
            rel: "icon",
            href: "/img/favicon_io/favicon.ico",
          },
          {
            tagName: "link",
            rel: "manifest",
            href: "/manifest.json",
          },
          {
            tagName: "meta",
            name: "theme-color",
            content: "rgb(37, 194, 160)",
          },
          {
            tagName: "meta",
            name: "apple-mobile-web-app-capable",
            content: "yes",
          },
          {
            tagName: "meta",
            name: "apple-mobile-web-app-status-bar-style",
            content: "#000",
          },
          {
            tagName: "link",
            rel: "apple-touch-icon",
            href: "/img/favicon_io/apple-touch-icon.png",
          },
          {
            tagName: "meta",
            name: "msapplication-TileImage",
            content: "/img/favicon_io/android-chrome-192x192.png",
          },
          {
            tagName: "meta",
            name: "msapplication-TileColor",
            content: "#000",
          },
        ],
      },
    ],
    [
      "@docusaurus/plugin-ideal-image",
      {
        quality: 70,
        max: 1030,
        min: 640,
        steps: 2,
        disableInDev: false,
      },
    ],
    [
      "@docusaurus/plugin-content-docs",
      /** @type {import('@docusaurus/plugin-content-docs').Options} */
      {
        id: "community",
        path: "community",
        routeBasePath: "community",
        sidebarPath: require.resolve("./sidebarsCommunity.js"),
        remarkPlugins: [remarkMath],
        rehypePlugins: [rehypeKatex],
        showLastUpdateAuthor: true,
        showLastUpdateTime: true,
      },
    ],
    [
      "@docusaurus/plugin-content-docs",
      /** @type {import('@docusaurus/plugin-content-docs').Options} */
      {
        id: "courses",
        path: "courses",
        routeBasePath: "courses",
        sidebarPath: require.resolve("./sidebarsCourses.js"),
        remarkPlugins: [remarkMath],
        rehypePlugins: [rehypeKatex],
        showLastUpdateAuthor: true,
        showLastUpdateTime: true,
      },
    ],
    [
      "@docusaurus/plugin-content-docs",
      /** @type {import('@docusaurus/plugin-content-docs').Options} */
      {
        id: "tutorials",
        path: "tutorials",
        routeBasePath: "tutorials",
        sidebarPath: require.resolve("./sidebars.ts"),
        remarkPlugins: [remarkMath],
        rehypePlugins: [rehypeKatex],
        showLastUpdateAuthor: true,
        showLastUpdateTime: true,
      },
    ],
    [
      path.join(__dirname, "/plugins/my-plugin"),
      {
        settings: "Some20settings",
        api: "Some-API",
        keys: "Some-keys",
      },
    ],

    [
      "@docusaurus/plugin-content-docs",
      /** @type {import('@docusaurus/plugin-content-docs').Options} */
      {
        id: "project",
        path: "project",
        routeBasePath: "project",
        // editUrl: "#",
        sidebarPath: require.resolve("./sidebarsCommunity.js"),
        remarkPlugins: [[npm2yarn, { sync: true }], remarkMath, rehypeKatex],
        showLastUpdateAuthor: true,
        showLastUpdateTime: true,
      },
    ],

    "./src/plugins/featureRequests/FeatureRequestsPlugin.js",
  ],
};

export default config;