Next.js

김형진·2024년 10월 21일

React의 SSR(server side rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크

SSR: 클라이언트 대신 서버에서 페이지를 준비하는 원리

리액트로 개발하면 SPA를 이용하여 CSR을 하기 때문에 좋습니다.
하지만 단점도 있는데 검색 엔진 최적화 부분입니다.

첫 페이지에서 빈 html을 가져와서 js파일을 해석하여 화면을 구성하기 때문에 포털 검색에 거의 노출 될 일이 없습니다.

Next.js에서는 Pre-Rendering을 통해서 페이지를 미리 렌더링 하며 완성된 HTML을 가져오기 때문에 사용자와 검색엔진 크롤러에게 바로 렌더링 된 페이지를 전달 할 수 있습니다.

CSR SSR

0개의 댓글