Next.js

Next.js 써보셨어요?

Next.js를 사용하기전 Next.js 가 뭔지 어떤 특징이 있는지 알아보자

처음 사용자가 페이지 접속 요청을 할때 SSR방식으로 응답 값을 보내준다.
두번째 그 후 브라우저는 추가적 JS 번들을 다운받고 실행한다.

세번째 사용자가 다른 페이지로 이동할 때 Next.js에 서버가 아닌 브라우저에서 처리해서 이동하게 한다.
(CSR 방식)

Next.js 페이지 라우팅 설정

Next.js는 디렉터리와 파일에 라우팅 의미를 부여한다.

pages 디렉터리에 존재하는 파일 하나가 페이지를 의미함

Next.js 핵심 getInitialProps
SSR과 CSR을 동시에 사용할 수 있는 이유
getInitialProps함수는 실행시점 처음 페이지 로드시 서버에서 한번 실행
다른페이지 이동시 한번 실행
getInitialProps함수는 async 함수

자세한건 이곳