Next.js

Next.js 라이브러리 선택 기준

Next.js 프로젝트가 커지면 인증, 서버 상태, UI 컴포넌트, 폼 검증을 프레임워크만으로 모두 해결하기보다 목적에 맞는 라이브러리를 조합합니다. 이 절은 Auth.js, TanStack Query, UI/폼 도구를 선택할 때 확인할 기준을 정리합니다.

인증, 상태, UI, 데이터 도구를 프로젝트 문제와 연결해 선택 기준을 세웁니다.

상태 1

인증 (Authentication)

인증은 세션 저장 위치, OAuth 공급자, 서버 컴포넌트에서의 세션 확인 방식을 함께 결정해야 합니다.

상태 2

상태 관리 (State Management)

서버 상태는 cache와 refetch 정책으로, 클라이언트 UI 상태는 store 범위와 hydration 비용으로 나누어 선택합니다.

상태 3

UI 컴포넌트 및 스타일링

접근성, 테마, 서버 렌더링 호환성을 갖춘 컴포넌트 라이브러리를 선택하면 화면 구현 시간을 줄일 수 있습니다.