Next JS
Vercel에서 개발한 React용 라이브러리
a. Pre-rendering
- 기존의 React App과 다르게 빌드타임/서버요청시 html을 미리 렌더링
- 최초 로딩시 퍼포먼스 증가, SEO 적용 가능
- https://nextjs.org/learn/basics/data-fetching/pre-rendering
b. SSG(Static Site Generation)
- Next JS의 권장 코드 디플로이 방식
- Build time에 JS파일을 페이지 별로 pre-rendering
c. SSR
- Next JS에서 제공하는 함수를 통해 SSR을 쉽게 구현할 수 있음
( getServerSideProps ) - Server에 요청이 들어올 때 pre-rendering
d. Page Routing & Code Splitting
- pages 폴더의 파일 경로로 페이지를 라우팅
- 해당 페이지별로 js파일 및 html pre-rendering
- 모든 어플리케이션을 하나의 js 파일로 내려주는 CS보다 성능개선
e. SEO
- Pre-rendering을 통해 SEO를 용이하게 구현
- next-seo 라이브러리
f. API Routing
- Node JS 로 디플로이된 Next js 서버에 API contact point 구성 가능
- 해당 메소드에서 BE 서버로 API 전송, 데이터베이스, 파일 시스템 접근 가능
.