next.js with bun

사내에서 진행하고 있는 프로젝트 중, npm을 사용하여, 프로젝트 개발 환경을 구성한 프로젝트가 있다.

해당 프로젝트를 작업하던 중, 너무 많은 패키지들로 인해, 패키지 로딩 속도와 핫로딩의 속도가 많이 지연 되는 현상을 발견했다.

 

이에 대한 해결책으로, js 런타임 환경으로 bun을 사용하면 빠른 속도로 프로젝트를 진행할 수 있다는 것을 검색을 통해 알게 되었다.

 

bun을 설치하고, next.js의 프로젝트를 시작하는 방법을 알아 본다.

 

1. bun 설치

bun을 설치하기 위한 스크립트는 아래와 같다.

 

on Mac

curl -fsSL https://bun.sh/install | bash

 

on Window

powershell -c "irm bun.sh/install.ps1 | iex"

 

 

2. next.js 설치

bun create next-app

 

2번의 명령어를 실행하게 되면 프로젝트 설정과 관련 질문이 나오게 되는데

이를 적절하게 입력하면 된다.

 

https://bun.sh/guides/ecosystem/nextjs