Next.js 12.3 릴리스: 개발 생산성 UP!

Fast Refresh 개선으로 `.env`, `jsconfig.json` 등 설정 파일 변경 시 자동 리로드 지원

Image Component가 Stable 상태로 전환, 성능 및 사용성 향상

SWC Minifier 및 새로운 Router + Layouts 업데이트, 개발 편의성 증대

Fast Refresh의 진화

Next.js 12.3에서는 Fast Refresh 기능이 향상되어 개발 생산성을 높였다. 구체적으로 `.env` 파일 변경 시 서버 재시작 없이 즉시 반영된다. 따라서 개발 환경 설정 변경에 대한 피드백 루프가 단축되어 개발 효율을 높인다. 결과적으로 개발 속도 향상을 기대할 수 있다.

Image Component의 안정화

next/future/image 컴포넌트가 Stable 상태로 전환되면서 이미지 최적화 기능이 강화되었다. fill 레이아웃 모드 지원으로 이미지 스타일링 유연성이 증가했다. 반면, 기존 `next/image`와의 호환성을 위해 마이그레이션 가이드를 제공한다. 따라서 이미지 로딩 성능 개선과 개발 편의성을 동시에 잡았다.

SWC Minifier와 새로운 Router

Next.js 12.3에서는 SWC Minifier가 Stable 상태로 전환되어 빌드 속도를 향상시켰다. 구체적으로 Terser 대비 7배 빠른 속도를 제공한다. 따라서 빌드 시간 단축을 통해 개발 생산성을 높인다. 새로운 Router는 React Server Components 기반으로, Route Groups와 같은 기능을 제공한다.