https://github.com/yhwabillie/next-yarn-berry

패키지 매니저 별 NextJS 기본 템플릿 비교 테스트 (yarn berry)
https://github.com/yhwabillie/next-yarn-berry

docker githubaction-workflow nextjs14 yarn yarn-berry

Last synced: 10 days ago
JSON representation

패키지 매니저 별 NextJS 기본 템플릿 비교 테스트 (yarn berry)

• Host: GitHub
• URL: https://github.com/yhwabillie/next-yarn-berry
• Owner: yhwabillie
• Created: 2024-07-15T06:30:05.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-17T04:28:20.000Z (4 months ago)
• Last Synced: 2024-10-17T22:37:00.017Z (29 days ago)
• Topics: docker, githubaction-workflow, nextjs14, yarn, yarn-berry
• Language: CSS
• Homepage:
• Size: 1.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## :memo: Title: next-yarn-berry

패키지 매니저 `yarn berry v4.3.1`로 빌드한 NextJS 기본 템플릿입니다.  

nodeLinker로 `pnp` 방식으로 설정하였습니다. `zero-install 사용X`    

최초 빌드를 기준으로 하기위해 workflow 캐시 작업은 제외하였습니다.





#### 🚧 PnP 설정 사용시 VScode 환경 발생 에러 대처 (TypeScript, Prettier)

VScode에서 발생하는 "Module Not Found" 에러에 대처하기위해 VScode sdks를 설치하였습니다. 

```bash

yarn dlx @yarnpkg/sdks vscode

```

---

### 1) [🏠로컬] Dependency install 시간   

|결과: `684MS`|

|:------|

|![yarn berry 종속성 install 스크린샷](./public/md/berry_img_1.png)|

  

### 2) [🏠로컬] Dependency 크기   

|결과: `187M` (70M + 117M)|

|:------|

|![yarn berry 종속성 size 스크린샷](./public/md/berry_img_2.png)|

    

### 3) [🏠로컬] .next 빌드 결과물 크기  

|결과: `.next: 51M`|

|:------|

|![yarn berry NextJS 빌드 결과물 size 스크린샷](./public/md/berry_img_3.png)|   

### 4) [🐳Docker] 로컬 이미지 크기  

|결과: `235MB`|

|:------|

|![yarn berry NextJS 로컬 docker 이미지 size 스크린샷](./public/md/berry_img_4.png)|

### 5) [🐳Docker] 로컬 이미지 build 시간 

|결과: `44.5s`|

|:------|

|![yarn berry NextJS 로컬 docker 이미지 build 시간 스크린샷](./public/md/berry_img_5.png)|

### 6) [⚡️Github Actions] CI total workflow 시간 

|결과: `1m 21s`|

|:------|

|![yarn berry NextJS github actions total workflow 시간 스크린샷](./public/md/berry_img_7.png)|

### 7-8) [⚡️Github Actions] Build Job, Build & Docker Push Step 시간 

|Build Job 결과: `1m 13s`, Build & Docker Push Step 결과: `1m 7s`|

|:------|

|![yarn berry NextJS github actions Build Job 시간](./public/md/berry_img_6.png)|

#### :mag: 위 조건들을 기준으로 패키지 매니저별 비교 학습하기 위해 만들었습니다.   

#### :mag: 대략적인 수치를 알기 위한 것으로, 오차가 있을 수 있습니다.





## :pushpin: Dev Enviroment

    Node (v20.11.1)  

    Yarn Berry (v4.3.1)  

    NextJS (v.14.2.5, output: standalone)    

    Docker (v.27.0.3)   

    Github Container Registry

    Github Actions Workflow

## :pushpin: Dev Dependencies

    prettier (v3)