Next.js 12, 더 빨라지고 강력해진 Next.js의 새로운 시작!

Rust 컴파일러 도입으로 빌드 속도 5배 향상 및 빠른 리프레시 지원

Middleware (베타)를 통해 요청 처리 흐름을 제어하고, 유연성을 확보

React Server Components (알파) 지원으로 서버 컴포넌트 렌더링 및 성능 개선

Rust 컴파일러: 빌드 속도 혁신

Next.js 12는 Rust 컴파일러를 도입하여 빌드 및 개발 환경을 개선했다. 구체적으로 SWC 기반의 Rust 컴파일러는 Babel보다 17배 빠른 속도를 제공한다. 따라서 Fast Refresh 속도 향상과 프로덕션 빌드 시간 5배 단축을 통해 개발 생산성을 높였다.

Middleware: 요청 처리의 유연성 확보

Next.js 12의 Middleware는 요청 처리 과정을 제어하여 유연성을 제공한다. Rewriting, Redirecting, 헤더 추가 등 다양한 기능을 지원하며, Edge 플랫폼에서도 동작한다. 반면, Middleware 사용 시 API Gateway와 같은 추가적인 설정 없이 Next.js 내에서 모든 요청을 처리할 수 있다.

React Server Components: 서버 컴포넌트의 미래

Next.js 12는 React Server Components를 지원하여 서버에서 컴포넌트를 렌더링한다. 서버 사이드 렌더링(SSR)과 달리, 클라이언트 측 JavaScript 코드를 최소화하여 페이지 로딩 속도를 향상시킨다. 따라서 데이터 페칭 및 컴포넌트 레벨에서의 유연성을 확보하여 사용자 경험을 개선한다.