거북이개발자

[Next] Next 특징 본문

Next.js

[Next] Next 특징

류정식 2021. 3. 9. 13:24

1. Next는 모든 페이지를 사전 렌더링 한다.(Pre-rendering)

-더 좋은 퍼포먼스

-검색엔친최적화(SEO)

-html 생성 순서에 따라 정적 생성과 Server Side Rendering으로 나뉜다. 

 

 

 

2. 정적 생성

-프로젝트가 빌드하는 시점에 html 파일들이 생성

-모든 요청에 재사용

-퍼포먼스 이유로, 넥스트는 정적 생성을 권고

-정적 생성도니 페이지들은 CDN에 캐시

-getStaticProps / getStaticPaths

-유저가 요청하기 전 페이지를 만들어 놔도 상관없을 시 사용

 

 

 

 

3. 서버사이드 렌더링

-매 요청마다 html생성

-항상 최신 상태 유지

-getServerSideProps

 

'Next.js' 카테고리의 다른 글

[Next] Next.js이용한 쇼핑몰 구현  (0) 2021.03.22
[Next] ServerSideRendering(SSR) 구현  (0) 2021.03.09
Comments