Next.js 13, 더 강력해진 성능과 개발 편의성을 만나보세요!
by DD
3년 전
조회수 3
Next.js 13은 React Server Components를 지원하는 새로운 app 디렉토리를 도입함
Turbopack을 통해 빌드 속도 700배 향상 및 이미지, 폰트 최적화 기능 강화
next/image 컴포넌트 개선, @next/font 도입으로 레이아웃 시프트 제로 달성
React Server Components: 서버 사이드 렌더링의 진화
React Server Components는 서버에서 컴포넌트를 렌더링하여 클라이언트 측 JavaScript 번들 크기 감소를 가능하게 한다. 구체적으로, 서버에서 데이터를 가져와 렌더링하므로 초기 로딩 속도를 향상시킨다. 따라서 사용자 인터랙션을 더욱 빠르게 제공하고, SEO 최적화에도 기여한다.
Turbopack: Webpack의 강력한 대안
Turbopack은 Rust로 작성된 새로운 번들러로, Webpack보다 훨씬 빠른 속도를 제공한다. 속도가 700배 향상되었으며, 초기 빌드 시간도 단축되었다. 를 기본적으로 지원하며, 을 크게 향상시킬 수 있다.
