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

개발바닥 유튜브에서 이력서 검토 영상을 보는데, 지원자분이 프론트엔드 분이셨다.

블로그에 Next를 쓰는 이유에 대해서 남기신 글이 있는데, 그 글을 보신 향로님의 말씀이 정신을 번쩍 들게 했다.

 

'Next를 쓰는 이유에 대해서 SSR 기반으로 설명을 하셨다. SSR, CSR 관점이 전체가 되면 안 된다. 

그렇게 되면 Next에 대해서 잘 모르고 쓰는 것이다.'

 

어.. 난가?ㅎㅎ 엄청 찔림,,

실제로 Next.js 사용 이유에 대해 검색을 해보면 SSR, CSR에 관한 내용, 그에서 비롯된 SEO에 관한 내용,

그 외 Next.js의 기능 이런 식으로 구성된 글이 많아 나도 그런 줄로만 알았다. 

많이 반성하게 되고 향로님이 남겨주신 링크를 보고 한번 정리글을 남겨보려 한다.

---

https://json.media/blog/proper_understading_of_nextjs

Next.js 제대로 알기

 

React는 Library이고, Next는 Framework이다.

 

React는 UI만을 다뤄왔고, 그 외 필요한 부분들은 third-party library 들로 해결되어 왔다.

그로 인해 React 생태계는 몇 가지 문제점이 생기게 되었다.

 

- third-party library 간의 궁합이 보장되지 않음

- Best practice의 부재

- 결과물에만 초점이 맞춰진 개발

- third-party library들이 발전되지 않거나 탈락함

 

Next.js는 React 생태계의 문제점을 해결하기 위해 나머지 부분들을 채워주는 Framework이다.

 

• User Interface
• Routing
• Data Fetching
• Rendering
• Integrationsh
• Infrastructure
• Performance
• Scalability
• Developer Experience

Next.js는 application을 만들기 위해 다음과 같은 것들이 필요하다고 한다.

SSR은 Next.js 가 제공하는 많은 기능 중 하나일 뿐이다.

Next.js는 feature의 조합이 궁합이 보장되고, best practice가 명확해 React 측과 긴밀한 협업이 가능하다.

 

React application을 만들기 위해 꼭 Next.js를 사용할 필요는 없으나 추천한다고 한다.

그렇다면 라이브러리 간 조합과, 여러 라이브러리를 사용하며 생기는 알 수 없는 에러, 라이브러리의 React 버전 지원 문제 등 많은 것들이 해결될 것이다. 

---

React를 사용하면서 어떤 써드파티 라이브러리를 써야 할지 항상 고민과 의문이 있었다. 그래서 사람들이 많이 쓰는 라이브러리, 업데이트가 주기적인 라이브러리 등 위주로 선택해 사용했었다.

그러면서도 이것을 사용하는 게 최선인가? 에 대한 의문은 풀리지 않았다.

Next.js를 사용하면 그런 고민들이 좀 해결이 될 것 같고, 프레임워크 버전 별 특징과 라이브러리 간의 조합도 고려해야 되겠구나 깨달은 계기가 되었다.