Next.js

Next.js는 React 기반의 풀스택 웹 프레임워크이다.

즉, 단순히 UI를 만드는 React를 넘어서 서버, 라우팅, 데이터 처리까지 포함된 구조를 제공함.

React 위에서 동작하는 프레임워크
서버 사이드 렌더링(SSR), 정적 생성(SSG) 지원
API 서버 기능까지 포함 (백엔드 일부 역할 수행)

Node.js vs React vs Next.js

Node.js → 서버를 만들 수 있는 런타임 환경
- “서버를 만들 수 있게 해주는 엔진”
React → UI를 만드는 라이브러리
- “웹 화면(UI)을 만드는 도구”
Next.js → React 기반으로 웹앱 전체 구조를 제공하는 프레임워크
- “React + 서버 + 구조까지 다 만들어주는 풀패키지”

역할 비교

구분	Node.js	React	Next.js
역할	서버 실행 환경	UI 라이브러리	풀스택 프레임워크
실행 위치	서버	브라우저	서버 + 브라우저
주요 기능	API 서버 구축	컴포넌트 기반 UI	SSR, 라우팅, API
라우팅	직접 구현	없음	자동 지원
데이터 처리	서버에서	클라이언트에서	둘 다 가능

React vs Next.js (핵심 차이)

렌더링 방식

React (기본 CRA 기준)

CSR (Client Side Rendering)