Next.js

Next.jsReact의 프레임워크라이브러리를 표방한 React의 장점은 살리고다양한 편의 기능들을 추가한 Framework이 필요를 충족시킨 Next.jsSSR vs CSR보여질 화면을 그리는 주체검색엔진이 JS를 실행하지 않고 크롤링 가능 : SEO : 검색 엔진

React 모델을 사용하면 페이지(컴포넌트)를 일련의 구성 요소로 분해할 수 있다.페이지의 구성 요소 중에는 많은 부분이 각 페이지 간에 재사용되는 경우가 많다.예를 들어 모든 페이지에 동일한 탐색 모음과 바닥글이 있을 수 있습니다.이럴 때 layout.js를 사용하면

remarkdynamic routes

Next.js는 /\_next\_/static Javascript CSS Static iamge와 같은Static assets에 caching headers를 자동으로 추가해주는 방식으로 응답 시간을 개선시키고 외부서비스에 대한 요청의 수를 줄여준다.next.confi

Next.js는 ES2020의 Dynamic import를 지원한다.이를 통해 동적으로 자바스크립트 모듈을 가져와 사용할 수 있다.또한 Dynamic import SSR로 동작한다.다음 예제에서는 fuse.js를 사용하여 퍼지 검색을 구현하고사용자가 검색 입력을 입력한

Next.js는 bloking data 요청사항이 없다면 페이지가 정적인지 자동으로 결정한다.이 결정은 페이지 내에서 getServerSideProps,getInitialProps가 없으면 이루어진다.이 기능을 통해 Next.js는 서버에서 렌더링 된 페이지와 정적으로

Next.js를 사용하면 정적 페이지를 만들거나 업데이트 할 수 있다.이때 Incremental Static Regeneration(ISR)을 사용하면 전체 사이트를 다시 빌드하지 않고도 페이지당 static generation을 할 수 있게 된다.Incremental