NextJS

온니 React 클라이언트 사이드 렌더링(단점)

1. HTML 구조가 엔트리 지점에 동적으로 결정되므로 많이 비어 있음
2. 처음에 로딩상태 볼 수 있음(첫 로딩시 깜빡임)
3. 검색 엔진 최적화에 불리함(로그인을 해야 볼 수 있는 페이지는 상관없음)
   • 콘텐츠가 많이 있는 공개 페이지의 경우

NextJS는? 풀스택 프레임워크(장점)

1. 서버 사이드 렌더링 내장(화면에 보여줄 콘텐츠를 서버에서 준비)
   • 완성된 페이지가 사용자와 검색 엔진 크롤러에 제공되므로 사용자가 첫 로딩상태 안봐도 되며,
     검색 엔진도 해당 페이지 콘텐츠를 볼 수 있음
     => 📌 React 컴포넌트를 사전 렌더링 할 수 있다는 말임

NextJS에서는 클라이언트와 서버 사이드 코드를 혼합한다는 의미

2. 파일 기반 라우팅(파일과 폴더를 이용해서 페이지와 라우터를 정의)

• 폴더 이름 pages 여야 함.

3. 데이터를 받아오거나 인증 추가 등 프로젝트 하나로 코드를 관리 할 수 있음
   독립적으로 REST API 프로젝트를 구축하지 않아도 되며
   클라이언트 코드와 React 사용자 인터페이스 - 백엔드 API 혼합