create-next-app create-next-app 로 설치함

컴파일과 번들링이 자동으로 된다.(webpack과 babel)
자동 리프레쉬 기능으로 수정하면 화면에 바로 반영된다
서버사이드 렌더링이 지원된다(하이브리드 렌더링 가능)
스태틱 파일을 지원한다
React는 라이브러리이고 Next는 프레임워크이다.
SEO,Image,font optimization 최적화
full-stack으로도 가능
Next.js 는 pages 개념 위에 파일 시스템을 기반으로 한 라우터를 가지고 있다.(Directory 구조에 따른 url path)

Untitled

React는 SPA 필요한 부분만 업데이트 해줌 → CSR

SPA - 서버로부터 첫 페이지만 받아오고 이후에는 동적으로 페이지를 구성하는 웹 어플리케이션을 뜻한다. 데이터를 수정, 조회할 때 동적으로 페이지를 구성하여 페이지가 새로고침 되지 않고 다른 페이지로 넘어가지 않는다.

next 14 page router