Turborepo와 pnpm을 사용하여 Monorepo 구축

 

 

세팅 방법

pnpm dlx create-turbo@latest

 

 

디렉토리 구조

 

설치 완료되면 디렉토리는 apps, node_modules, packages로 구성이 되어있습니다.

apps는 Next.js(+Typescript)로 레포가 형성되어 있습니다.

packages는 공유되는 라이브러리나 컴포넌트 등이 형성되어있습니다.

 

더 나아가서 packages 폴더에 ui 부분을 확인해보겠습니다.

 

위의 있는 버튼 컴포넌트를 서로 다른 레포에서 쉽게 접근해 사용이 가능합니다.

`apps/docs/package.json`에서 `dependencies`를 보시면 알 수 있듯이, docs 프로젝트가 `./packages/ui` 패키지를 의존하고 있는 것을 확인할 수 있습니다.

 

 

References

모노레포란? (with Turborepo)

pnpm을 사용하는 이유 (vs npm)