SSR(서버 사이드 렌더링)위주의 풀스택 기반 프레임워크이다.
리액트는 렌더링시 큰 문제점이 있었다.
바로 리액트가 클라이언트 사이드에서만 작동한다는 점이다.
문제가 됐던 이유는, CSR(클라이언트 사이드 렌더링)은 사용자의 웹 브라우저에서만 실행이 되어, 리액트를 사용한 웹 애플리케이션은 검색 엔진 최적화(SEO)의 효과를 못 본다는 것이다..!
전직 마케터로서, 나의 제품 그리고 서비스가 인터넷에 노출이 되지 않는다는 뜻은 사업에 있어서 정말 큰 문제라고 생각했다.
이러한 문제점을 해결하기 위해 Next.js가 등장하게 되었다!
기존 리액트는 Client Side Rendering(CSR)을 해서 웹사이트 요청시,
빈 html을 가져와 script를 로딩했다.
그래서 첫 로딩 시간도 오래걸리고 SEO가 약했다.
next.js는 pre-reloading을 통해서, html을 미리 가져오고 검색 엔진에 잘 노출 될 수 있도록 한다. 리액트와는 다르게 일부는 html으로 구성, 일부는 JS로 구성되어, html 부분이 검색엔진에 포착된다는 의미로 생각하면 쉬울 듯 하다.
이런 매력을 가진 next.js , 당신도 써보지 않겠는가!?