Next.js 13.1 주요 변경사항

12월 22일 바로 어제, Next.js 13.1 버전이 출시되었습니다. 우리가 주목할만한 변경사항에 대해 간단하게 정리해보았습니다. - app 디렉토리 안정성, 성능 향상 Next.js 13와 함께 등장한 /app 디렉토리(베타)의 안정성과 퍼포먼스가 향상되었다고 합니다. 메모리 누수 문제, 몇 가지 버그들이 해결되었으며 성능 측면에서는 클라이언트의 자바스크립트 용량이 줄어들었다고 합니다. (/pages 방식에 비해 9.3kb 감소) - 모듈 트랜스파일을 내부적으로 지원함 이전에는 node_modules의 모듈을 트랜스파일하기 위해 next-transpile-modules이라는 패키지를 사용해야 했습니다. lodash-es, antd-mobile 같은 라이브러리를 사용하려면 필수적이였죠. 이제는 빌트인 기능으로 지원되어 nextjs 설정 파일에서 `transpilePackages: ['@acme/ui', 'lodash-es']` 와 같이 입력하면 트랜스파일을 수행합니다. - 터보팩 업데이트 Webpack보다 700배 빠르다고 해서 화제였던 터보팩의 개선 작업이 있었습니다. Tailwind CSS, next/image, next/font 등 여러 기능에 대한 지원이 추가되었습니다. 아직 알파버전이긴 하지만 앞으로의 행보가 기대됩니다. - 그 외 개선사항 next/font가 이제 같은 폰트 정의에 대해 여러개의 폰트 굵기와 스타일을 지정할 수 있습니다. next/dynamic이 이제 React 프리미티브 lazy() 및 <Suspense>를 사용합니다. 이러한 변경사항을 통해 이제 /app 디렉토리와도 호환됩니다. create-next-app이 새로운 디자인으로 변경되었으며, next/font를 기본적으로 포함합니다.