[코드잇 스프린트 풀스택 4기] Next.js를 사용하는 이유

Next.js란?

React 라이브러리의 프레임워크.

React를 사용하면 되는데 왜 또 Next.js를?

Next.js를 사용하는 가장 큰 이유는 바로 SSR(Server Side Rendering)때문이다.

물론 React에서도 SSR 구현이 가능은 하지만 굉장히 복잡한 일인데, Next.js는 이 SSR을 보다 쉽게 구현할 수 있도록 도와준다.

왜 SSR이 필요한가?

가장 중요한 필요성은 SEO(검색 엔진 최적화)이다.

이전 포스트에서도 설명했듯 CSR은 최초에 빈 HTML문서를 서버에서 응답해주므로 검색엔진에 콘텐츠가 노출되기 어렵다.

그러나 Next.js의 SSR은 최초 원하는만큼 렌더링된 HTML을 응답하고 이후에 부족한 부분을 다시 렌더링할 수 있고 이에 SSG방식까지 생성가능하므로 상대적으로 큰 이점이 있다.

그외에는 어떤 이점들이 있는가?

파일 기반 라우팅 시스템(App router)

- 직관적인 폴더/파일 구조를 라우트 경로로 설정하여 사용할 수 있음

빠르고 부드러운 페이지 전환(Link와 pre-fetching)

- Link컴포넌트를 사용하면 a태그와는 달리 페이지 리로딩없이 페이지간 이동이 가능하고

- pre-fetching을 이용해 이동할 가능성이 있는 링크의 JS파일들을 미리 다운로드받아 놓음

code-splitting

- 처음에 첫 페이지 로딩 시 번들을 여러 조각내어 가능 필요한 부분만 next.js가 자체 판단하여 최적화하여 전송