Next.js 16 출시

컴퓨터/IT정보

조회00123456789

lu

luasenvy (luasenvy)

nextjs 16

2025년 10월 21일 nextjs 16이 출시되었다. 12, 13, 14, 15에 이어서 16까지 정말 엄청난 기세로 버전이 올라가고 있다. 공식 문서에 따르면 Cache Components, Next.js Devtools MCP, Middleware 이름 변경, 개발용 로그 향상을 주요 업데이트로 소개하고 있다. 더 자세한 내용은 관련 내용들을 더 읽어봐야 하겠지만 간단하게 소개해보도록 하겠다.

주요 업데이트

Cache Components

nextjs의 구성요소들을 캐싱할 수 있는 문법적 수단을 제공한다. "use cache"라는 지시어를 통해서 페이지, 컴포넌트, 함수를 캐싱할 수 있다고 한다. 사용을 위해서는 next.config.ts의 cacheComponents 옵션을 true로 주어야 한다. ppr 기능의 서사적 완성을 위한 단계로써 기존의 experimental.ppr 옵션은 제거 된다고 한다.

Devtools MCP

개인적으로 가장 마음에 드는 업데이트이다. 개발용 MCP를 지원하는데 빌트인 버전과 외부 버전으로 사용할 수 있다. MCP 설정은 아주 간단한데 Enabling Next.js MCP Server for Coding Agents 링크에서 확인할 수 있다.

Turbopack 안정버전

터보팩이 개발과 운영에서 모두 안정화 단계에 도달하여 기본 번들러로 사용된다. 2~5배 더 빠른 빌드와 10배 더 빠른 새로고침 속도를 보여주고 있으며 이 사이트도 16버전으로 갱신한 후 개발 모드에서의 움직임이 이전보다 더 원활해진 느낌을 받고 있다. 물론 지금 16.0.0 버전이기 때문에 자잘한 업데이트가 몇 번 더 진행되겠지만 운영 버전의 빌드도 빠르고 안정적으로 진행되었다.

향상된 구조 및 기능

라우팅 및 탐색 시스템 전면 개편

페이지 전환이 더 빠르고 간편해 졌다고 한다. 레이아웃 중복제거, 프리 패칭 향상이 적용되었다. 시스템적인 업데이트로 프로젝트의 디렉토리 구조에 영향을 주지는 않지만 이로 인한 요청 수 증가가 있을 수 있다고 한다.

캐싱 API 향상

캐싱을 제어할 수 있는 revalidateTag(), updateTag(), refresh() 함수를 지원한다. 자세한 사용법은 Improved Caching APIs에서 확인할 수 있다.