docusaurus.config.ts

import { themes as prismThemes } from "prism-react-renderer";
import type { Config } from "@docusaurus/types";

// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)

const config: Config = {
  title: "NL Design System",
  tagline: "Dinosaurs are cool",
  url: "https://nldesignsystem.nl",
  baseUrl: "/",
  onBrokenLinks: "warn",
  onBrokenMarkdownLinks: "warn",
  i18n: {
    defaultLocale: "nl",
    locales: ["nl"],
  },
  plugins: [
    // "@docusaurus/theme-classic",
    // "@docusaurus/theme-search-algolia",
    "@docusaurus/plugin-content-docs",
    [
      "@docusaurus/plugin-content-blog",
      {
        blogTitle: "NL Design System Blog",
        blogDescription:
          "Blogs zijn bedoeld om ideeën en meningen te delen van het kernteam en de community. We hopen dat er zo discussies kunnen volgen zodat we samen tot de beste oplossingen en richtlijnen komen.",
        blogSidebarCount: 100,
        blogSidebarTitle: "Alle blogposts",
        routeBasePath: "/blog",
      },
    ],
    "@docusaurus/plugin-content-pages",
    "@docusaurus/plugin-debug",
    "@docusaurus/plugin-sitemap",
  ],
  themeConfig: {
    // announcementBar: {
    //   id: "support_us",
    //   content:
    //     'We are looking to revamp our docs, please fill <a target="_blank" rel="noopener noreferrer" href="#">this survey</a>',
    //   backgroundColor: "#fafbfc",
    //   textColor: "#091E42",
    //   isCloseable: false,
    // },
    // Choose between "localStorage" and "none";\
    docs: {
      versionPersistence: "localStorage",
    },
    // Replace with your project's social card
    image: "img/nldesignsystem-social-card.png",
    navbar: {
      title: "",
      logo: {
        alt: "NL Design System Logo",
        src: "img/logo.svg",
      },
      items: [
        {
          href: "/docs/intro",
          position: "left",
          label: "Tutorial",
        },
        { href: "/blog", label: "Blog", position: "left" },
        {
          href: "/docs/intro",
          position: "left",
          label: "Tutorial",
        },
        { href: "/blog", label: "Blog", position: "left" },
        {
          href: "/docs/intro",
          position: "left",
          label: "Tutorial",
        },
        { href: "/blog", label: "Blog", position: "left" },
        {
          href: "/docs/intro",
          position: "left",
          label: "Tutorial",
        },
        { href: "/blog", label: "Blog", position: "left" },
        {
          href: "/docs/intro",
          position: "left",
          label: "Tutorial",
        },
        { href: "/blog", label: "Blog", position: "left" },
        {
          href: "https://github.com/facebook/docusaurus",
          label: "GitHub",
          position: "right",
        },
      ],
    },
    footer: {
      style: "dark",
      links: [
        {
          title: "Docs",
          items: [
            {
              label: "Tutorial",
              to: "/docs/intro",
            },
          ],
        },
        {
          title: "Community",
          items: [
            {
              label: "Stack Overflow",
              href: "https://stackoverflow.com/questions/tagged/docusaurus",
            },
            {
              label: "Discord",
              href: "https://discordapp.com/invite/docusaurus",
            },
            {
              label: "X",
              href: "https://x.com/docusaurus",
            },
          ],
        },
        {
          title: "More",
          items: [
            {
              label: "Blog",
              to: "/blog",
            },
            {
              label: "GitHub",
              href: "https://github.com/facebook/docusaurus",
            },
          ],
        },
      ],
      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
    },
    prism: {
      theme: prismThemes.github,
      darkTheme: prismThemes.dracula,
    },
    metadata: [],
    colorMode: {
      defaultMode: "light",
      respectPrefersColorScheme: true,
      disableSwitch: true,
    },
  },
};

export default config;