Next.js

Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크이다.
과거에는 강력한 SSR을 지원하는 라이브러리였지만, SSG(Static Site Generation)도 지원을 하고, CSR(Client Side Rendering)과 SSR을 적당히 섞어서 보다 유연한 프로그래밍을 할 수 있도록 지원을 하고 있다.
서버에서 초기 html을 만들어서 내려준 뒤 하이드레이션(hydration) 과정을 거치는 서버 사이드 렌더링(SSR)을 지원한다.
Next.js는 초기 페이지 로딩에 대해서는 SSR 방식으로 동작시킬 수가 있고, 이후의 요청에 대해서는 기본적으로 CSR 방식으로 동작하기 때문에 SSR 방식의 장점인 SEO(Search Engine Optimization)에 유리하면서도 CSR의 이점을 활용할 수 있다.
Next.js는 production용 React 프레임워크이다.
Next.js는 React 상에 구축된 프레임워크이다.
프레임워크와 라이브러리의 차이점으로는 프레임워크 규모가 더욱 크다는 것이다.
라이브러리인 React 상에 구축된 프레임워크로 React를 강화시킨다고 볼 수도 있다. 대규모의 React 앱 구축을 더욱 쉽게 한다. 그 부분이 강조된 것이 바로 이 '프로덕션용'이라는 설명이다. 그리고 React 상에 구축되어 React에 직접 추가를 해야 하는 다양한 핵심 기능을 추가해 주어 React를 강화한다.
라우팅 및 다양한 기능들을 추가한다.
Next.js는 React 앱에 다양한 기능을 추가해 주어 Next.js를 통해 모든 기능이 바로 사용 가능해지기 때문에 이미 존재하는 기능을 반복해서 구축하실 필요가 없게 된다.
큰 규모의 앱에서 자주 발생하는 문제들 실제 프로덕션용 React 앱의 구축에서 보편적으로 발생하는 문제점들을 해결하기 위해 서드 파티 라이브러리를 사용하는 빈도도 줄어들게 된다.
따라서 이렇게 많은 기능과 명확한 규칙을 포함해 Next.js는 프레임워크라 할 수 있고 React 상에 구축되어 React를 사용하고 개선하기 때문에 React를 위한 프레임워크인 것이다.
Next.js를 사용해도 React 코드를 작성하고 컴포넌트를 구축하는 것은 마찬가지다. 하지만 프로덕션을 위해 React 앱을 준비하고, 흔히 발생하는 문제점의 해결을 위해 보편적으로 추가해야 하는 기능들을 포함하니깐 프로덕션용 프레임워크인 것이다.