Next.js
웹 브라우저 상에서 html을 만들어낸다.
클라이언트 사이드 렌더링(CSR)
- 초기로딩이 느림
- 검색 엔진에 제공할 수 있는 정보가 적다.
이런 단점 극복을 위해서 프리렌더링(Pre-rendering)
프리렌더링(Pre-rendering)
미리 렌더링해서 보내줄 html을 저장해놓거나
서버가 그때 그때 렌더링해서 html을 만들어서 보내주는 것이다.그럼 html을 다운받자마자 렌더링된 화면이 보이는 것이다.
<리액트에서 프리렌더링을 하기위해서>
서버가 필요하다.
Next.js
- 프리렌더링 가능
- Vercel로 서버 호스팅
- 파일 시스템 기반 라우팅(페이지 나누기가 수월)
