Next.js 15 출시: 4가지 주요 변화

Next.js15 가 정식 버전으로 출시되었습니다. 이번 릴리즈는 React19와 긴밀하게 통합하여 React19 RC 버전을 채택하고 React 컴파일러에 대한 지원도 추가되었습니다. 역시 Next.js와 리액트는 한몸이네요. 주요 변경사항은 아래와 같습니다.


  1. 코드베이스 업그레이드 자동화(@next/codemod) : TanStackQuery@V5와 같이 codemod를 통한 손쉬운 업그레이드를 지원합니다. 의존성 패키지 자동 업데이트 및 코드 자동 변환 기능을 제공한다고 하네요.


  2. SSR 렌더링 최적화(Async Request APIs): SSR 성능 개선을 위한 새로운 접근 방식 인데요. 데이터 의존성이 있는 컴포넌트를 async로 명시적으로 구분하여 데이터가 필요없는 컴포넌트는 사전 렌더링하여 전체 성능을 향상시켰습니다. 스트리밍SSR과 비슷한 최적화 개념인것 같습니다.


  3. API Route 캐싱 정책 변경: GET Handler의 기본 캐싱을 비활성화 했습니다. 이유는 PPR(Partial Prerendering) 호환성 문제, 기본값이 캐시되는 것이 항상 최선은 아니라는 피드백을 반영하였습니다.


  4. Turbopack 정식 버전으로 전환: Next.js의 개발 서버 번들러인 Turbopack이 정식 버전으로 릴리즈되었습니다. 아직도 기본 번들러는 Webpack이지만, Rust로 작성된 Turbopack에 많은 투자를 하고 있는만큼 머지않아 기본 번들러가 Turbopack으로 전환될 것 같네요.


이번 업데이트 역시 개발자 경험 개선(DX) 개선과 성능 향상에 중점을 두었습니다. 그리고 Turbopack이 안정화 되었고 매우 빠른 속도를 제공하는 만큼 개발 모드에서는 Turbopack을 사용하고 배포에서는 안정적으로 webpack을 사용해봐도 좋을것 같습니다.


https://nextjs.org/blog/next-15

Next.js 15

nextjs.org

Next.js 15

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 11월 1일 오전 1:10

 • 

저장 18조회 2,396

댓글 0