Next.js

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

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

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

React 10주년 기념 Delba de Oliveira(Vercel)와 React 코어 팀의 Andrew Clark, Sebastian Markbåge의 React, Server component에 대한 탁상 토론이 있었다.

Next.js에서 프로젝트의 구조를 어떻게 선택할까? React, Next.js 모두 특정 구조를 지향하거나 추구하고 있는 것은 아니다. Next.js가 제공하는 기능들과 다양한 접근 전략을 통해 내 프로젝트에 적절한 구조를 선택해보자