pre-rendering 기본적으로 Next.js는 모든 페이지를 pre-render한다. 즉, React CSR 방식과 같이 클라이언트에서 javascript 모든 코드를 읽고, 페이지를 만드는 대신에 미리 각 페이지에 대한 HTML파일을 만든다. 브라우저에서 js가 비활성화 되어있다면, CSR로 개발한 앱은 동작하지 않을 것이고, 또한 불러올 리소스가 많거나 네트워크 상태가 느릴 경우 아무것도 보이지 않는 흰 화면이 상태가 오래 지속되어 사용성이 저하된다. pre-rendering은 이것을 개선해 더 나은 성능, SEO 최적화를 도와준다. Two Forms of Pre-Rendering 1. Static Generation Pre-generate a page(with data prepared on t..
