Next.js 6 출시! Zero-config, _app.js, nextjs.org
by DD
8년 전
조회수 8
Next.js 6 출시와 함께 Zero-configuration static exports 지원
_app.js 도입으로 페이지 전환, 에러 핸들링 기능 강화
공식 홈페이지 nextjs.org 런칭, 문서 통합 및 웹사이트 쇼케이스 제공
Zero-configuration Static Export의 원리
Next.js 6는 next.config.js 설정 없이 정적 페이지를 생성하는 기능을 제공한다. 구체적으로 페이지/ 디렉토리 구조를 분석하여 자동 라우팅 맵을 생성한다. 따라서 개발자는 복잡한 설정 없이 정적 사이트 배포를 간편하게 할 수 있으며, 빌드 시간 단축 효과를 얻는다.
_app.js를 활용한 확장성
_app.js는 Next.js 애플리케이션의 최상위 컴포넌트로, 페이지 전환 및 에러 핸들링 기능을 제공한다. React Context를 활용하여 전역 상태 관리도 용이하다. 반면, _document.js는 초기 렌더링 단계에 제한되므로, 클라이언트 사이드 렌더링에는 _app.js를 활용하는 것이 권장된다.
Babel 7과 TypeScript 지원
Next.js 6는 Babel 7을 통해 최신 JavaScript 문법을 지원하며, TypeScript를 공식적으로 지원한다. 따라서 개발자는 타입 안정성을 확보하고, 코드 품질을 향상시킬 수 있다. 구체적으로 .babelrc 설정을 통해 디렉토리별로 다른 Babel 설정을 적용할 수 있으며, 개발 생산성을 높인다.
