Next.js는 React 기반의 풀스택 프레임워크입니다. App Router를 사용하면 Server Components를 기본으로 활용할 수 있어, 클라이언트 번들 크기를 줄이고 성능을 극대화할 수 있습니다.
App Router의 장점
- **Server Components**: 서버에서 렌더링되어 클라이언트 번들에 포함되지 않습니다.
- **Streaming**: 페이지의 일부를 먼저 보여주고, 나머지를 점진적으로 로드합니다.
- **Nested Layouts**: 레이아웃을 중첩하여 공유 UI를 효율적으로 관리합니다.
시작하기
`pnpm create next-app@latest` 명령어로 새 프로젝트를 생성할 수 있습니다. TypeScript, Tailwind CSS, ESLint 등을 자동으로 설정할 수 있어 빠르게 시작할 수 있습니다.