Next.js 9.1.7: 성능 향상 및 최신 기능 지원!

Next.js 9.1.7 릴리즈를 통해 클라이언트 측 JavaScript 번들 사이즈 3~8% 감소

fetch(), URL, Object.assign() 등 내장 Polyfill 지원으로 호환성 확보

React Strict Mode 지원 및 Vercel 제로 설정 배포 기능 추가

번들 사이즈 감소의 비결

Next.js 9.1.7은 번들 사이즈 감소를 위해 다양한 최적화를 적용했다. 구체적으로 URL API 기반의 내장 Polyfill을 제공하고, JSX 출력 최적화를 통해 불필요한 코드를 제거했다. 따라서 최대 8% 이상의 번들 사이즈 감소를 달성했다.

새로운 Production Build CLI

새롭게 디자인된 Production Build CLI는 각 페이지의 Gzipped 사이즈를 명확하게 표시한다. Server-Side Rendered, Static, SSG 등 페이지 유형을 분류하고, 사이즈에 따라 색상을 다르게 표시하여 성능 문제를 쉽게 파악하도록 돕는다. 따라서 개발 생산성 향상에 기여한다.

React Strict Mode와 호환성

Next.js는 React Strict Mode와 완벽하게 호환되며, 개발자가 쉽게 적용할 수 있도록 설정 옵션을 제공한다. Strict Mode는 잠재적인 문제를 조기에 발견하고, 미래의 최적화를 위한 기반을 마련한다. 따라서 코드 품질 향상과 유지보수성 개선을 기대할 수 있다.