Next.js란?

회사에서 새로운 프로젝트를 맡으면서 새로운 프레임워크로 개발을 하게 되었다.

 

Next.js 라는 React 라이브러리 프레임워크인데

이걸 왜 사용해야 하는지 어떻게 사용해야 하는지에 대해서 공부를 해보자 !

 

---

 

 

Next.js란?

 

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

 

기본적으로 React는 CSR(Client-Side Renderting)를 사용하고 있습니다.

Next.js는 SEO(Search Engine Optimization)를 위한 SSR(Server-Side Rendering)를 사용하고 있습니다.

 

CSR같은 경우 모든 JS 파일을 로드하고 사용자는 웹을 보게 됩니다. 이때까지 사용자는 많은 시간을 대기해야합니다.

이를 SEO에서는 서버에서 JS파일을 로딩함으로써 클라이어트 측에서는 JS파일을 로딩하는 시간이 줄어들게 됩니다.

 

또한 CSR에서는 JS파일이 로드되지 않는 경우 아무런 정보를 보여주지 않아 검색엔진에 걸리지 않지만, CSR같은 경우 서버측에서 HTML,CSS,JS를 만들어 컨텐츠를 직접 업로드 함으로써 검색엔진에 보여지도록 할 수 있습니다.

 

이외에도 Next.js는 다음과 같은 기능(장점)들을 제공합니다.

• 정적 사이트 생성
• 증분 정적 콘텐츠 생성
• 타입스크립트에 대한 기본 지원
• 자동 폴리필(polyfill) 적용
• 이미지 최적화
• 웹 애플리케이션의 국제화 지원
• 성능 분석