Next.js 15 App Router 완벽 가이드
G
guifindel··조회 241App Router란?
Next.js 13부터 도입된 App Router는 React Server Components를 기반으로 한 새로운 라우팅 시스템입니다. 기존 Pages Router와 달리 app/ 디렉토리를 사용하며, 서버 컴포넌트가 기본값입니다.
핵심 개념
- Server Components: 서버에서 렌더링되어 번들 크기를 줄임
- Client Components:
'use client'지시어로 선언, 인터랙션 처리 - Layout: 여러 페이지에서 공유되는 UI 래퍼
- Loading UI: Suspense 기반 로딩 상태
마이그레이션 전략
Pages Router에서 App Router로 점진적으로 마이그레이션할 수 있습니다. 두 시스템을 동시에 운영하면서 천천히 전환하는 것이 안전합니다.
댓글
G