example nav

gistfile1.ts

const nav = [
  // Start Here is super parent
  {
    label: "Start Here",
    // this link will throw an 404 and thats okay.
    link: "/docs/start-here/", // if you notice start-here got converted to "Start Here" for label so you will have to do some string conversions
    enabled: true,
    subItems: [
      {
        label: "Install Astro", // "Install Astro" title is coming from markdown frontmatter  field called linkTitle so if its a folder it will use folder name as parent if its a single file means its a page then we will use linkTitle
        link: "/docs/start-here/install", // this link should work
        enabled: true,
        subItems: [],
      },
      {
        label: "Editor Setup", // here editor support is parent of subitems so we will be using folder name
        link: "/docs/start-here/editor-setup", // if you notice editor-setup got converted to "Editor Setup" for label so you will have to do some string conversions
        enabled: true,
        subItems: [
          {
            label: "Vscode",
            link: "/docs/start-here/editor-setup/vscode", // this will be page
            enabled: true,
            subItems: [],
          },
          {
            label: "Why Astro", // here Why Astro is parent of subitems so we will be using folder name
            link: "/docs/start-here/editor-setup/why-astro",
            enabled: true,
            subItems: [
              {
                label: "ESLint",
                link: "/docs/start-here/editor-setup/why-astro/eslint", // this will be page
                enabled: true,
                subItems: [],
              },
            ],
          },
        ],
      },
    ],
  },
];