next.js 란?

리액트를 사용해서 SPA를 구현할 때 도움을 주는 프레임 워크

어째서 사용하는가

리액트로 SPA을 구현할 때 불편한 점들이 있다

SEO(검색 엔진)문제
=> helmet을 이용해서 메타 정보를 바꿀 순 있지만 각 사이트의 검색엔진마다 helmet으로 바꾼 정보를 가져오지 못하는 엔진도 존재한다
그리고 크롤러에게 읽히려면 snap같은 라이브러리를 사용해야하는데 규모가 커진다면 디렉토리가 너무 복잡해 지게된다

위의 문제를 해결하기위해 CSR보다는 SSR로 SPA를 구현하는데 React로 SSR을 구현하는데에는 코드 스플리팅, 라우팅을 구현하는데 생산성이 상당히 떨어진다

그런 문제를 모두 해결하고 높은 생산성을 낼 수 있게 도와주는 것이 바로 next.js다