-
Next.JS는 리액트 어플리케이션의 서버 렌더링을 쉽게 구현할 수 있게 도와주는 프레임워크.
-
코드 스플릿을 자동으로, 간단하게 할 수있게 도와줌
-
서버사이드 렌더링과 자동화된 코드스플릿을 위하여 정형화된 구조를 따라야한다.
-
기능 정의 :
- 간단한 Client 사이드 라우팅
- Hot Module Replacement를 지원하는 Webpack기반 작업환경
- Express나 그 어떤 Node.js 서버와 함께 사용 가능
- Babel / Webpack 환경설정 커스터마이징 가능
-
create react app 과 대조하여 사용 가능
-
페이지마다 data-fetch, pre-rendering 전략을 다르게 가능
-
증분 정적 페이지 생성
-
다양한 상태관리, 스타일링 라이브러리 지원
-
파일 시스템 라우팅
-
API route
-
webpack5 지원
-
SGG (Static Site Generation) 방식
- 빌드타임에 렌더링
- HTML이 CDN을 통해 제공
- 자바스크립트와 CSS 파일뿐만 아니라 데이터까지 미리 가져오는 형태(preFetch)
나만의 학습 노트