Why Next.js ?

먼저 Next.js를 알아보기 전 왜 등장하게 됐을까?

Next.js 공식 문서의 첫번째 화면이다.

web을 만들기 위한 React의 Framework라고 한다.

여기서 간단하게 React는?

React는 library로써 생태계에 대해서 알아보면
React 는 철저하게 UI 만을 다뤄왔고, 중심으로 엔지니어가 여러 library들과 framework를 직접 조합하여 사용할 수 있었다.
이러한 환경은 엔지니어가 환경을 자유롭게 구출할 수 있다는 점도 있지만,
여러가지 문제점들 또한 존재했다.

• 서로 다른 library(third-party library)들 사이의 궁합이 보장되어 있지 않다
• 자유로운 선택에 따른 자유로운 결과물
• React업데이트에 못따라가는 library(third-party library)들의 업데이트 상황
• 여러 library 들을 사용하면서 생기는 원인을 알 수 없는 에러와 에러를 해결하는 과정

그리고 또 개인적으로 생각하는 힘든점

• 많은 library 중에서 선택하는 과정의 피로
• 또 사용에 따른 많은 학습량이 있다고 생각한다.

이러한 문제들을 해결하기 위해 Next.js가 나왔다

Next.js는 어떻게 해결했을까

아래는 Next.js에서 말하는 web을 만들기 위한 구성 요소들이다.

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

Next.js는 React를 통해 UI구축하고, Redering, Routing, Data Fetching 등 여러가지 기능을 통합하여 제공함으로 React에게 Framework의 성격을 가지게 하며, 앞서 말한 문제들의 해결점을 가져다 주었다.

참고

https://nextjs.org/learn/foundations/about-nextjs/what-is-nextjs
https://json.media/blog/proper_understading_of_nextjs