Docs
Navigation

Navigation

The `docs.ts` file is used to configure the docs site. It is used to define the sidebar navigation, main navigation, and other settings.

Let's change config in config/docs.ts to change the main navigation.

mainNav

You can add or remove items in the mainNav array. This will change the main navigation in the header.

docsConfig: DocsConfig = {
  // ...
  mainNav: [
    {
      title: "Docs",
      href: "/docs",
    },
    {
      title: "Blog",
      href: "/blog",
    },
  ],
  // ...
}

sidebarNav

You can add or remove items in the sidebarNav array. This will change the sidebar navigation in the sidebar.

export const docsConfig: DocsConfig = {
  // ...
  sidebarNav: [
    {
      title: "Getting Started",
      items: [
        {
          title: "Introduction",
          href: "/docs",
          items: [],
        },
        {
          title: "MDX",
          href: "/docs/mdx",
          items: [],
        },
        {
          title: "Changelog",
          href: "/docs/changelog",
          items: [],
        },
      ],
    },
  ],
  // ...
}
ComponentsMetadata