Next.js 15
nextjs.org
Next.js15 가 정식 버전으로 출시되었습니다. 이번 릴리즈는 React19와 긴밀하게 통합하여 React19 RC 버전을 채택하고 React 컴파일러에 대한 지원도 추가되었습니다. 역시 Next.js와 리액트는 한몸이네요. 주요 변경사항은 아래와 같습니다.
코드베이스 업그레이드 자동화(@next/codemod
) : TanStackQuery@V5
와 같이 codemod를 통한 손쉬운 업그레이드를 지원합니다. 의존성 패키지 자동 업데이트 및 코드 자동 변환 기능을 제공한다고 하네요.
SSR 렌더링 최적화(Async Request APIs): SSR 성능 개선을 위한 새로운 접근 방식 인데요. 데이터 의존성이 있는 컴포넌트를 async로 명시적으로 구분하여 데이터가 필요없는 컴포넌트는 사전 렌더링하여 전체 성능을 향상시켰습니다. 스트리밍SSR과 비슷한 최적화 개념인것 같습니다.
API Route 캐싱 정책 변경: GET Handler의 기본 캐싱을 비활성화 했습니다. 이유는 PPR(Partial Prerendering) 호환성 문제, 기본값이 캐시되는 것이 항상 최선은 아니라는 피드백을 반영하였습니다.
Turbopack 정식 버전으로 전환: Next.js의 개발 서버 번들러인 Turbopack
이 정식 버전으로 릴리즈되었습니다. 아직도 기본 번들러는 Webpack
이지만, Rust
로 작성된 Turbopack
에 많은 투자를 하고 있는만큼 머지않아 기본 번들러가 Turbopack
으로 전환될 것 같네요.
이번 업데이트 역시 개발자 경험 개선(DX) 개선과 성능 향상에 중점을 두었습니다. 그리고 Turbopack
이 안정화 되었고 매우 빠른 속도를 제공하는 만큼 개발 모드에서는 Turbopack
을 사용하고 배포에서는 안정적으로 webpack
을 사용해봐도 좋을것 같습니다.
https://nextjs.org/blog/next-15
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 11월 1일 오전 1:10