환경세팅

Monorepo Setting with Nx

NX 설치

// nextjs 선택
yarn create nx-workspace

UI 라이브러리에 Storybook 설치 (vite + react)

// vite 설치
yarn add -D @nx/[email protected]
// ui라는 라이브러리 추가
yarn nx g @nx/react:lib ui --bundler=vite
// 스토리북 설치
yarn nx g @nx/react:storybook-configuration ui

부가 요소

yarn add -D @nx/devkit
yarn add -D @storybook/react

Esbuild로 공통 lib 설치

yarn nx g @nx/js:lib lib --bundler=esbuild
yarn nx g @nx/js:lib apis --bundler=esbuild

OAS generator 사용

참고 문서

project.json 세팅

// libs/apis/project.json
"generate-mustache": {
    "executor": "nx:run-commands",
    "options": {
      "command": "sh ./generate-mustache.sh",
      "cwd": "./libs/apis"
    }
  },
"generate-api:petstore": {
    "executor": "nx:run-commands",
    "options": {
      "command": "sh ./generate-api.sh petstore v2",
      "cwd": "./libs/apis"
    }
}

mustache 세팅 및 oas generator 실행

yarn nx run apis:generate-mustache
// mustache 수정
yarn nx run apis:generate-api:petstore