Next.js 11, 더 빨라진 개발 경험!

Next.js 11 출시, 성능 개선 및 개발 편의성 증대

next/script 컴포넌트 도입으로 서드파티 스크립트 로딩 우선순위 제어

Create React App 자동 변환 기능 및 Webpack 5 기본 지원

Conformance: 품질 관리 자동화

Conformance는 UX 품질 유지를 위한 시스템으로, ESLint 통합을 통해 개발 과정에서 코드 품질을 자동 검사한다. 따라서 개발자는 성능, 보안, 접근성 관련 규칙을 일일이 기억할 필요 없이, 최적의 개발 환경을 구축할 수 있다.

next/script: 로딩 최적화

next/script 컴포넌트는 서드파티 스크립트의 로딩 우선순위를 설정하여 페이지 로딩 성능을 향상시킨다. beforeInteractive, afterInteractive, lazyOnload 전략을 통해 개발자는 스크립트 로딩 시점을 세밀하게 제어할 수 있으며, Cumulative Layout Shift 감소에도 기여한다.

Create React App 마이그레이션

Create React App(CRA)에서 Next.js로의 자동 변환을 지원하여, 기존 프로젝트를 Next.js 환경으로 점진적으로 전환할 수 있다. @next/codemod를 사용하면, 페이지 디렉토리 자동 생성 및 CSS import 위치 변경 등, 번거로운 작업을 자동화하여 개발 생산성을 높인다.