Next.js를 왜 사용할까? 리액트만 사용할 때와 비교해보자.

Next.js ?

 

Next.js는 React 라이브러리의 프레임워크이다. 

이를 통한 큰 장점은 plain react앱의 한계를 극복하기 위함인데, 

리액트의 단점 중 하나인 취약한 SEO를 위한 SSR 또는 SSG를 가능하게 하기 때문이다. 

 

CSR을 하는 리액트의 특성상 SEO에 취약한데,

next.js가 pre-reloading을 통해 데이터가 랜더링 된 페이지를 미리 가져오게 해준다.

덕분에 사용자 경험에도 도움이 될 뿐 아니라 SEO까지 장점을 얻을 수 있다.

SSR과 CSR까지 혼합해서 사용이 가능한 장점도 있다.

물론, Next.js없이도 SSR구현이 가능하다. 이미 진행된 플젝에서 Next를 중간에 도입하는 경우 비용이 많이 드는 단점이 있어 처음부터 Next를 도입하는 것이 좋다.

 

Next.js의 다양한 기능

직관적인 페이지 기반 라우팅

link컴포넌트를 통해 페이지간 매끄럽고 빠른 전환이 가능

코드를 분할해서 로드 타임 감소

이미지 최적화

그 외 api routes등 react 프로젝트의 성능 향상을 위한 기능들이 존재해서 편리하다.