NextJS

npx create-next-app@latest 으로 NextJS 프로젝트를 생성하면 기본으로 생성되는 다음 두 파일들을 볼 수 있다.

NextJS는 App 라우팅 방식과 페이지 라우팅 방식을 지원한다. 그 중 페이지 라우팅 방식에 대해 알아보자. NextJS에서는 기본적으로 폴더와 파일에 의한 라우팅 기능을 제공한다.

NextJS의 큰 특징중 하나는 사전에 렌더링한 후 클라이언트에게 보여준다는 점이 있었다. NextJS에는 두 가지 사전 렌더링 방법이 있다. 그 중 하나가 Static Site Generation(SSG)이다.

SSR은 동적 렌더링 이라고도 한다.

파일 이름과 null 체크

NextJS PageRouter에서 페이지마다 다르게 레이아웃을 가져가는 방법을 알아보자.getLayout이라는 함수를 사용하면 된다.