😙 Next.js란?
SSR (Server Side Rendering)을 지원하는 대표적인 Frame work이다.
😙 Server Side Rendering
그렇다면 서버 사이드 렌더링이란 무엇일까?
Server Side Rendering의 의미 그대로 서버에서 렌더링을 작업함을 의미한다. 사용자가 웹페이지에 접근할 때, 서버에 페이지에 대한 요청을 하며 서버에서는 Html, view와 같은 리소스들을 어떻게 보여질지 해석하고 렌더링하여 사용자에게 반환한다.
(Server Side Rendering과 Client Side Rendering에 관련해서는 관련 글을 참고하자)
SSR이 필요한 이유는 다음 두 가지가 대표적이다.
- 검색 엔진 최적화 (Search engine optimization, SEO)를 해야한다.
- 빠른 첫 페이지 렌더링이 중요하다.
😙 Next.js의 특징이자 장점
기본적으로 서버사이드 렌더링을 제공한다는 점 이외에도 아래와 같은 장점들이 있다.
- 더욱 빠른 페이지 로드를 위한 코드 스플리팅 자동화
- HMR을 지원하는 웹팩 기반 환경
- Express나 Node.js와 같은 http 서버와 함께 구현 가능
- Babel, Webpack 설정 커스터마이징 가능
?