12P by ragingwind 2022-10-26 | favorite | 댓글 3개

Next.js Conf 2022 에서 새로운 버전 13을 릴리즈. 그 동안 Vercel 에 새로 입사한 React, Turbo, 그리고 Webpack 개발자들의 역량을 총동원해서 새로운 기능들을 추가

  • app/ Directory:
    • Layout: 리렌더링 방지를 기본으로 구현한 Layout
    • Server Component: React 의 새로운 Server Component 지원하여 로딩 속도 개선
    • Streaming: 점진적으로 스트리밍 되어 UI 렌더링 할 수 있는 Streaming
    • React Suspense For Data Fetching: use hook 을 사용해서 fetch, cache, revalidate 를 컨트롤 가능. 기존 SSG, SSR, ISR 의 이점을 컴포넌트레벨에서 컨트롤 가능
  • Turbopack: 기존 Webpack 보다 700배 빠른 Rust 기반 Webpack 대체 도구. Webpack 메인테이너가 Turbo 아키텍처를 바탕으로 구현
  • next/image, next/font, next/link: Google Chrome 과 협업으로 기존 로딩 퍼포먼스를 저해하던 요소들을 개선. 빌드타임때 최적화를 시키면 특히 구글 폰트 같은 경우 내장을 시켜버림