https://github.com/yhwabillie/next-pnpm

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

docker githubaction-workflow nextjs14 pnpm

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/yhwabillie/next-pnpm
• Owner: yhwabillie
• Created: 2024-07-16T10:22:00.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-07-17T04:37:56.000Z (10 months ago)
• Last Synced: 2025-01-28T19:15:07.724Z (3 months ago)
• Topics: docker, githubaction-workflow, nextjs14, pnpm
• Language: CSS
• Homepage:
• Size: 163 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## :memo: Title: next-pnpm

패키지 매니저 pnpm으로 빌드한 NextJS 기본 템플릿입니다.  

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

`pnpm store prune` 명령어로 pnpm의 cache를 삭제 후 측정하였습니다.

---

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

|결과: `8.1s`|

|:------|

|![pnpm 종속성 install 스크린샷](./public/md/pnpm_img_1.png)|

  

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

|결과: `node_modules: 255M`|

|:------|

|![pnpm 종속성 size 스크린샷](./public/md/pnpm_img_2.png)|

    

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

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

|:------|

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

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

|결과: `151.75MB`|

|:------|

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

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

|결과: `38.3s`|

|:------|

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

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

|결과: `1m 13s`|

|:------|

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

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

|Build Job 결과: `1m 4s`, Build & Docker Push Step 결과: `53s`|

|:------|

|![pnpm NextJS github actions Build Job 시간](./public/md/pnpm_img_6.png)|

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

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





## :pushpin: Dev Enviroment

    Node (v20.11.1)  

    PNPM (v.9.5.0)  

    NextJS (v.14.2.5), output: standalone    

    Docker (v.27.0.3)   

    Github Actions (workflow 자동화)

## :pushpin: Dev Dependencies

    prettier (v3)