메뉴 생성 방법

상단 nav 바에 나오는 카테고리들은 sidebar.js 에서 정의하는대로 생성된다

default 값인 아래 값을 볼 수 있다

tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],

autogenerated의 경우 해당 경로의 모든 파일을 가져오는 것이다

dirName에 무언가를 쓴다는 것은 docs 경로를 root 로 잡고 경로를 작성하는 것임

에시로 아래처럼 글을 작성할 경우 Guides 로 감싸진 Redux-toolkit 컨텐츠가 보여진 다 category 는 item 에 표시하고자하는 포스팅의 고유값 ( 파일 경로 , 아이디 )를넣 을 수 있으나 만약 type: 'autogenerated'을 쓴다면 추적에는 크게 의미가 없다

도착 경로가 같고 보여질 사이드바의 형태가 같아진다
만약 하나의 파일에 중복된 sidebar 가 겹칠 경우 더 많이 선언된 쪽으로 표시된다
전역 위치에서의 autogenerated 사용을 하지 않고
파일 관리는 얕은 depth 를 사용하고
sidebar를 통해 카테고리를 분할하는 것도 괜찮아보인다

사용하지 않더라도 전체 경로 추적을 사용하면 모든 사이드 바가 고장난다

tutorialSidebar: [
    {
      type: 'category',
      label: 'Guides',
      items: [
        {
          type: 'autogenerated',
          dirName: 'Redux-toolkit',
        },
      ],
    },
  ],

mdx 특수 기능

front matter의 모든 값을 가져와서 사이드바로 만들어주지만 sidebar 설명