2022-07-02

Next.js는 기본적으로 SSR이다.

정적인 UI들은 빌드 시 모두 html 파일로 생성하여

처음 URL 접속 시 미리 pre-rendering 된 html을 그대로 보여준다.

하지만, 서버 통신에 의한 데이터 fetching이 필요한 경우

클라이언트에서 비동기 통신으로 가져올 수 밖에 없다.

만약 이 데이터가 극단적으로 생각해서 1억건, 혹은 그 이상의 개수일 경우,

페이지 로딩 속도는 그 놈의 데이터 하나 가져오는거 때문에

굉장히 느려지게 된다.

여기서 우리는 한 가지 상상을 할 수 있다.

pre-rendering 하는 김에 데이터도 fetch 해서 같이 pre-render 하면 어떨까?

Next.js에서는 이것을 상상이 아닌 현실로 옮길 수 있다.

Build Time에 Data Fetching까지 모두 Pre-render 하여