React의 SSR(server side rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크
SSR: 클라이언트 대신 서버에서 페이지를 준비하는 원리
리액트로 개발하면 SPA를 이용하여 CSR을 하기 때문에 좋습니다.
하지만 단점도 있는데 검색 엔진 최적화 부분입니다.
첫 페이지에서 빈 html을 가져와서 js파일을 해석하여 화면을 구성하기 때문에 포털 검색에 거의 노출 될 일이 없습니다.
Next.js에서는 Pre-Rendering을 통해서 페이지를 미리 렌더링 하며 완성된 HTML을 가져오기 때문에 사용자와 검색엔진 크롤러에게 바로 렌더링 된 페이지를 전달 할 수 있습니다.
| CSR | SSR |
![]() |
![]() |