Next.js는 풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크이다.

React 컴포넌트를 사용해 사용자 인터페이스(UI)를 만들고, Next.js는 추가적인 기능과 최적화를 제공한다.

Next.js는 번들러나 컴파일러와 같은 하위 수준의 도구들을 자동으로 설정해주므로 개발자는 제품 개발과 빠른 배포에 집중할 수 있다.

개인 개발자든, 큰 팀의 일원이든 관계없이 Next.js는 상호작용적이고, 동적이며, 빠른 React 애플리케이션을 만드는 데 도움을 준다.

문서를 사용하는 방법

문서는 세 개의 섹션으로 구성되어 있다.

1. Getting Started(시작하기): 새로운 애플리케이션을 만들고 Next.js의 핵심 기능을 배우기 위한 단계별 튜토리얼
2. Guides(가이드): 특정 사용 사례별 튜토리얼 - 필요한 내용을 선택해서 학습
3. API Reference(API 참고서): 각 기능에 대한 상세한 기술적 참고 자료

App Router와 Pages Router

Next.js에는 두 가지 라우터가 있다.

1. App Router: 최신 React 기능(예: Server Components)을 지원하는 새로운 라우터
2. Pages Router: 기존의 라우터로, 여전히 지원되며 계속 개선되어가는 라우터

React 버전 관리

App Router와 Pages Router는 React 버전을 다르게 처리한다.

1. App Router: React canary releases를 기본으로 사용한다. 이는 React 19의 모든 안정화 변경사항과 함께, 새로운 React 릴리스 전에 프레임워크에서 검증 중인 최신 기능들을 포함한다.
2. Pages Router: 프로젝트의 package.json에 설치된 React 버전을 사용한다.

이 접근 방식은 App Router에서 새로운 React 기능이 안정적으로 동작하도록 하면서, 기존 Pages Router 애플리케이션의 하위 호환성을 유지하게 한다.