기본적으로 Next.js는 모든 페이지를 사전렌더링 한다고 공식문서에 적혀있다. 사전렌더링이라 하면, 클라이언트 측 JavaScript에서 모든 작업을 수행하는 대신 미리 각 페이지에 대한 HTML을 생성해 성능효과와 SEO를 얻을 수 있다. Next에서 존재하는 두 가지의 렌더링 방식 두 개의 차이점은 페이지에 대한 HTML을 생성할 때 이루어 진다. 정적 생성(권장): HTML은 빌드 시 생성되며, 각 요청에서 재사용된다. 서버측 렌더링: HTML은 각 요청에서 생성된다. (또는 이라고도 한다.) 공식문서에서는 설명을 하자면 정적으로 생성된 페이지는 성능 향상을 위한 추가 구성 없이 CDN에 의해 캐시를 할 수 있어서라고 한다. 하지만 경우에 따라 서버측 렌더링이 유일한 경우가 있다고 한다. 정적 생성 페이지가 정적 생성을 사용하는 경우, 시 HTML이 생성되게 되는데, 이 HTML은 각 요청에서 재사용된다.(CDN에서 캐시할 수 있음) 데이터가 없거나 있는 경우를 정적으로…