[NextJS] NextJs란

naini 🐰·2025년 2월 3일

FrontEnd

목록 보기
9/18

1. NextJS?

리액트의 SSR을 쉽게 구현할 수 있게 도와주는 프레임워크이다.

2. SEO 최적화에 좋은 NextJS

리액트로 개발할 때 SPA을 이용하여 CSR을 하기 때문에 좋은 점도 있지만 단점도 있는데 그 부분이 SEO 부분이다.
CSR을하면 첫페이지에서 빈 html을 가져와서 JS파일을 해석하여 화면을 구성하기 때문에 포털 검색에 거의 노출 될 일이 없다.

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

3. Pre-Rendering

모든 페이지를 위한 HTML을 Client side에서 JS로 처리하기 전, 사전에 생성한다는 것이다.

0개의 댓글