Next.js에서 제공하는 middleware 함수를 사용하면 경로에 접근하기 전에 요청 헤더에 접근할 수 있어 요청에 따른 Redirection 등을 손쉽게 수행할 수 있다. 이 점을 이용해 로그인 여부에 따른 Redirection을 구현해보자

next/font 를 사용하면 폰트를 최적으로 로드 할 수 있다. 모든 글꼴 파일에 대한 자동 자체 호스팅이 내장되어 있어, 레이아웃 이동 없이 최적으로 글꼴을 로드 할 수 있다. 그 중에서 next/font/local을 ChakraUI와 함께 사용해보자

Next.js는 페이지를 어떻게 렌더링할까? Data fetching을 할 때, 사용에 따라 다양한 방식으로 렌더링할 수 있다.