Next.js 를 사용하는 이유
Next.js 란?
React 라이브러리의 프레임워크이다
CSR, SSR
- Client-side-rendering
- 브라우저에서 html을 실시간으로 만드는 방법
- 단점 : 첫 페이지 로딩속도 저하, 검색 노출 어려움 (SEO 불리) - Server-side-rendering
- 서버에서 html을 미리 만들어 보내준다- csr 의 단점이 사라지는 경우가 많다
프리렌더링
- 프리렌더링 : 웹 브라우저가 페이지를 로딩하기 이전에 렌더링하는 것
- 정적 생성(Static Site Generation) 과
- 서버사이드 렌더링(Server-side Rendering)으로 나뉜다.
- 언제 HTML을 만드는가에 따라 다르다
static site generation
빌드 시에 HTML을 생성 후 유저들이 요청할 때마다 미리 생성한 HTML 페이지를 재사용해 보여줌
server side rendering
요청을 하면 HTML을 생성 후 보여줌
그래서 Next.js를 사용한다
Next.js 를 도입하면 프리렌더링을 통해 SSG, SSR을 가능하게 해준다
성능과 SEO 에 좋다
Reference
