Next.js App Router 완전 정복

소개

Next.js 13부터 도입된 App Router는 React Server Components를 기반으로 한 새로운 라우팅 시스템입니다.

주요 특징

• 서버 컴포넌트: 기본적으로 모든 컴포넌트가 서버에서 렌더링됩니다.
• 중첩 레이아웃: layout.tsx로 레이아웃을 중첩할 수 있습니다.
• 스트리밍: loading.tsx와 Suspense로 점진적 로딩이 가능합니다.

코드 예시

// app/page.tsx
export default function Page() {
  return <h1>Hello, App Router!</h1>;
}

결론

App Router는 성능과 DX를 모두 잡은 강력한 시스템입니다.