Next.js 란?
- React의 SSR을 쉽게 구현할 수 있도록 도와주는 프레임워크이다.
특징
코드 스플리팅
- 일반적으로 React 싱글페이지는 초기 렌더링 때 모든 컴포넌트를 불러온다.
-> 규모와 용량이 커진다면 로딩속도가 지연된다는 문제점이 존재한다.
-> Next.js는 처음부터 모든 것을 불러오는 것이 아니라, 필요에 따라 나중에 불러올 수 있도록 여러개의 파일을 분리하는 코드 스플리팅을 사용했다.
- 각 라우트에 해당하는 파일들은 pages(꼭 소문자!!) 폴더에 넣어줘야 한다.
- Components 폴더에는 React 컴포넌트들이 들어가게 된다.
참고자료