[Next.js] Next.js란?

Next.js란?

많은 사람들이 React는 CSR이고, Next.js는 SSR이다 라고 설명하지만 정확하게는 그렇지 않습니다.

 

SPA를 개발하는 많은 개발자들이 SSR에서 많은 불편함을 겪고 있을 때 대책으로 많이 거론되는 프레임워크이다보니 그런식으로 설명하는 사람들이 많지만, Next.js는 SSR을 위한 프레임워크다 라고 설명하는 것은 오해를 만들 여지가 있기 때문에 한번 같이 Next.js에 대해서 알아보도록 합시다.

 

Next.js를 사용하는 이유는?

Next.js 공식홈페이지에서는 세계 최대 기업에서 사용하는 Next.js를 사용하면 최신 React 기능을 확장하고 가장 빠른 빌드를 위해 강력한 Rust 기반 JavaScript 도구를 통합하여 풀 스택 웹 애플리케이션을 만들 수 있습니다.라고 나와있습니다.

 

그렇습니다 Next.js는 Full-Stack Web Application을 만드는 프레임워크인 것입니다. 작은 프로젝트라면 Next.js에서 직접 DB에 접속하도록 해서 별도의 API 서버 없이 Next.js 하나로 프론트엔드와 백엔드를 함께 구현할 수도 있습니다.

 

즉, SSR은 Next.js가 제공하는 기능의 극히 일부일 뿐입니다. 그러므로 Next.js는 SSR이다 라는 설명은 잘못된 것입니다.

 

우리가 자주 사용하던 React는 사실은 좀 경량화된 라이브러리였고 어떤 라이브러리를 결합해서 사용할지는 개발자가 선택하는 방식이었습니다. 그런데 프로젝트의 규모가 커질수록 어떤 라이브러리의 어떤 버전을 사용해야 현재 React 버전이랑 호환이 잘 되는지, 어떤 구조가 베스트인지에 대해서 명확하지 않았습니다. 이런 문제들을 전부 해결해줄 수 있는 마치 Java의 Spring 프레임워크와 같은 존재가 바로 Next.js인 것입니다.