왜 Next js를 써야할까?

앞서 CSR과 SSR을 비교해 보면서 정리해보면, 각 브라우저의 크롤러들이 해당 페이지에서 내용을 찾게 될 때, SEO적인 측면에서 SSR을 고려해볼 필요가 있다고 생각하였습니다. SEO 뿐만이 아니라 html을 먼저 뿌려주기 때문에, 유저가 처음 들어왔을 때, 빠르다고 느끼다고 생각할 수 있습니다.

React에서, SSR을 적용하려면 몇 개의 프레임워크들이 있습니다.

https://jthcast.dev/posts/gatsby-versus-nextjs/ 이글에서Gatsby와 Next.js의 차이를 알 수 있습니다.

저는 SSR과 SSG방법을 모두 사용 가능한 Next js를 선택하겠습니다.

Next.js는 리액트를 기반으로 한 SPA를 빠르게 빌드할 수 있도록 도와주는 프레임워크입니다.

Next js는 여러 가지 유용한 기능을 기본으로 제공한다

- Server Rendering

- Static Exporting

- Zero Configuration

    - develope 서버

    - production 빌드

    - production 서버

- Code splitting

 

Next js 페이지 사전 렌더링 (Pre-rendering)이 가능하다

또한, npm에서 next js의 Weekly 다운로드 수를 보면 많은 사람들이 관심을 가진다고 볼 수 있다.

Weekly Downloads 수(2021.06.09기준)

코드스플리팅

Next.js 프레임워크는 기본적으로 코드스플리팅 기능을 제공하고 있습니다.

예를 들어 React로 무수히 많은 컴포넌트를 가진 웹을 만들었을때, 전체를 다 불러와서 화면을 띄울필요 없이 필요한 페이지만 불러와서 사용할 수 있게 해줍니다 이로인해 로딩속도를 개선할 수 있게 됩니다.