데브허브 | DEVHUB | Next.js 16 Beta Revealed | All new features in 6minNext.js 16 Beta Revealed | All new features in 6min
- 새로운 Next.js 앱 설정 과정이 기본값 제공으로 더 빨라짐. 🚀
- Turbopack이 개발 및 프로덕션 환경에서 안정화되어 빌드 시간 2.5배, Fast Refresh 10배 향상. ⚡
- React 컴파일러가 더 이상 실험적이지 않으며,
reactCompiler: true로 설정 가능. ✅
- 실험적인 Turbopack 파일 시스템 캐시가 빌드 간 파일 캐싱을 통해 반복 빌드 속도를 크게 향상. 💾
- Build Adapters API (알파) 도입으로 Next.js가 Vercel에 덜 종속되어 어디든 배포하기 쉬워짐. 🌐
- PPR(부분 사전 렌더링)이
experimental.cacheComponents 플래그에 통합되어 사라지지 않고 더 큰 캐싱 전략의 일부가 됨. 🧩
use cache 디렉티브를 통해 파일, 컴포넌트, 함수 수준에서 세밀한 캐싱 제어가 가능해져 앱 성능 극대화. 🎯
- 새로운 캐싱 API 도입:
revalidateTag는 cacheLife 설정을 포함하며, updateTag (서버 액션 전용)는 캐시 만료 및 앱 새로고침, refresh (서버 액션 전용)는 프런트엔드 새로고침 기능 제공. 🔄
- 페이지 전환 속도 향상, 레이아웃 중복 제거, 증분 사전 페치, 뷰포트 이탈 시 사전 페치 취소 등 다양한 성능 개선. 🏎️
- React 9.2 및 Node.js 20.9로 버전 업데이트 및 기타 여러 변경 사항 포함. ⬆️