TIL 43 [Next.js] Pre-rendering and Data fetching

※ 다음은 Next.js의 공식문서의 일부를 정리한 것입니다.
next.js에서 pre-rendering 방법에는 두가지가 있다.

1. Static generation

: HTML이 build 될 때 pre-rendering하는 방법으로 유저로부터 request를 받으면 그때마다 재사용을 한다. 공식적으로 권장하는 방법이다.

2. Server-Side Rendering

: 각 요청마다 HTML을 생성하는 Pre-rendering method이다.

위의 두 가지 방법을 사용하기 전 스스로
'사용자 요청 전에 pre-rendering을 할 수 있는 부분인지 아닌지?'를 생각해야한다.

3. Server-Side Rendering VS Client-Side Rendering

1) Server-Side rendering : page build 할 때가 아닌 요청(request)시에 data를 가져와야할 때 SSR을 시도한다.

2) Client-Side Rendering : data를 미리 rendering 할 필요가 없는 경우. Page load 후 JS를 사용.
client에서 external data를 가져오고 나머지를 채우는 방식.
CSR은 Private, User-specific page where SEO is not relevant.