Offcanvas

개발자 / 애플리케이션

Next.js 9.5 업데이트 공개··· “증분 정적 페이지 재생성 추가”

2020.07.28 Paul Krill  |  InfoWorld
Next.js 9.5의 새로운 페이지 업데이트 메커니즘은 지연시간 급증을 제거하고 페이지가 오프라인으로 전환되는 것을 방지한다. 

28일(현지 시각) 자바스크립트 UI 라이브러리 리액트(React)를 기반으로 애플리케이션 빌드를 지원하는 프레임워크, Next.js의 버전 9.5가 공개됐다. Next.js 9.5에는 증분 정적 재생성(incremental static regeneration), 리라이트/리다이렉션(rewrites/redirects) 지원 등을 포함한 여러 기능이 추가됐다. 
 
ⓒGetty Images

‘증분 정적 재생성’은 트래픽이 유입될 때 백그라운드에서 페이지를 다시 렌더링하여 기존 페이지를 업데이트한다. 트래픽은 항상 정적 스토리지에서 중단 없이 제공되며, 새로 작성된 페이지는 생성 완료 후에만 푸시된다. 이는 기존 SSR과 달리 지연시간이 급증하지 않으며, 페이지가 오프라인으로 전환되지 않는다는 이점을 가진다. 

'리라이트 지원'은 Next.js를 점진적으로 도입할 때 유용한 기능이다. 이를 사용하면 개발자가 들어오는 요청 경로를 외부 URL을 포함한 다른 대상 경로에 매핑할 수 있다. '리다이렉션'은 애플리케이션 경로 구조를 변경할 때 주로 사용된다. Next.js 9.5 버전부터는 redirects 키 아래 next.config.js에서 리다이렉션 목록을 만들 수 있다. 

엣지 네트워크 업체 베르셀(vercel)이 개발한 오픈소스 프레임워크 Next.js는 정적 웹사이트 구축, 앱 및 모바일 웹 앱의 사전 렌더링 등을 목적으로 하는 엔터프라이즈급 툴이다. 이 밖에 Next.js 9.5의 새로운 기능 및 개선 사항은 아래와 같다. 

basePath 구성 옵션을 사용하면 도메인의 하위 경로에서 Next.js 애플리케이션을 쉽게 호스팅할 수 있다. 개발자는 /docs 와 같은 하위 경로에서 애플리케이션을 호스팅하여 이 애플리케이션이 도메인의 해당 하위 섹션만 다루도록 할 수 있다. 

• trailingSlash 옵션은 next.config.js의 일부로 제공된다. 이 옵션을 true로 설정하면 Next.js가 URL에 후행 슬레시를 자동으로 추가한다. 

• 자바스크립트 번들이 빌드 ID 대신 콘텐츠 해시를 사용한다. 이를 통해 배포 시 변경되지 않은 페이지를 다시 다운로드하지 않고 브라우저와 에지 캐시에 유지할 수 있다. 

• Next.js 9.4에서 도입된 ‘빠른 새로고침(Fast Refresh)’은 애플리케이션 오류 메시지와 관련해 더 유용한 정보들을 제공하도록 개선됐다.  

• '프로덕션 리액트 프로파일링(Production React profiling)'이 추가됐다. 이전에 제공된 '프로파일러 API(Profiler API)'는 리액트 구성 요소에서 성능 문제를 추적할 수 있었지만 프로덕션에서 프로파일링하는 데 별도의 '리액트돔(ReactDOM)' 버전을 사용해야 했다. Next.js 9.5부터는 개발자가 react-dom 및 scheduler 모듈에 대한 정확한 에일리어스를 자동 설정할 수 있다. 

• '옵셔널 캐치올 다이내믹 라우트(Optional catch-all dynamic routes)'는 애플리케이션 라우팅과 관련해 더 많은 유연성과 선택권을 제공한다.

• 웹팩 5(Webpack 5) 모듈 번들러가 베타 버전으로 제공된다. 이는 트리쉐이킹 개선, 영구적인 캐싱 등의 개선 사항을 지원한다. ciokr@idg.co.kr
 
추천 테크라이브러리

회사명:한국IDG 제호: ITWorld 주소 : 서울시 중구 세종대로 23, 4층 우)04512
등록번호 : 서울 아00743 등록일자 : 2009년 01월 19일

발행인 : 박형미 편집인 : 박재곤 청소년보호책임자 : 한정규
사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2022 International Data Group. All rights reserved.