NextJS

---

🚀 NextJS란?

정의

NextJS는 React 기반 웹 애플리케이션을 만들기 위한 프레임워크다.

React만 사용할 때보다 라우팅, 렌더링, SEO, 프로젝트 구조를 더 체계적으로 다루기 좋다.

🧩 주요 특징

• 파일 기반 라우팅으로 페이지 구조를 잡기 쉽다.
• Hydration과 함께 SSR 경험을 다루기 좋다.
• SEO 최적화에 유리하다.
• 코드 분할을 통해 초기 로딩을 줄이는 데 도움이 된다.
• Client-side navigation을 자연스럽게 제공한다.
• 프로젝트 구조가 직관적이다.

⚖️ 장점

• 화면과 라우팅 구성이 빠르다.
• 서버 렌더링과 정적 렌더링을 함께 고려하기 좋다.
• 검색엔진 노출과 초기 로딩 성능을 같이 챙기기 좋다.

🛠️ 프로젝트에서 자주 보는 요소

• app 또는 pages 구조
• layout
• page
• loading
• error
• middleware
• next.config.js

📌 정리

• NextJS는 React를 기반으로 한 실전용 웹 프레임워크다.
• 렌더링과 라우팅, SEO를 함께 다루는 프로젝트에 적합하다.
• Hydration과 프로젝트 초기화 문서까지 같이 보면 흐름이 잘 잡힌다.

---

연결문서

• SEO
• NextJS-프로젝트-Init
• NextJS-Hydration
• npm