Next.js의 장점 간단 정리
- 전반적인 사용 방법은 리액트와 같음
- SSR
- pre rendering: 서버에서 완성된 HTML 파일을 웹 브라우저로 보냄
- 브라우저는 첫 랜더링 시 HTML이 그려질때까지 기다릴 필요가 없어서 첫 화면이 빠르게 랜더링 됨
- REACT에서 처음에 빈 HTML 페이지를 보여주는 것의 단점을 보완해줌
- 하지만 서버와 통신이 잦아진다는 단점이 있음
- SEO
- SSG
- build 시 해당하는 페이지의 HTML을 미리 생성해두고 요청 시 해당 HTML 파일을 반환
- 유동적인 데이터가 없는 페이지에 해당
- 파일 기반 라우팅
- pages/ 디렉터리를 사용해서 라우팅을 함
- 타입스크립트 기반
- Image
- 디바이스 크기별로 src set이 되어있음, 커스터마이징도 가능
- webp 와 같이 작은 파일의 포멧으로 변환
- 캐시 만료될 때까지 캐시된 이미지 제공