🌟page router🌟
- Pages폴더의 구조를 기반으로 react router처럼 페이지 라우팅 기능을 제공함
- 다양한 방식의 사전 렌더링 제공
- 단점💩
- 페이지별 레이아웃 설정이 번거로움
- 데이터 페칭이 페이지 컴포넌트에 집중됨
- 불필요한 컴포넌트들도 JS Bundle에 포함됨
- 동적 경로 : ~/post/1,,, => [post]
🌟app router🌟
- 페이지 라우팅 설정 방식 변경
- 레이아웃 설정 방식 변경
- 데이터 페칭 방식 변경
- React 18 신규 기능 추가
ex: React Server Component, Streaming
[next.js] React Server Component
React Server Component react 18버전부터 새롭게 추가된 새로운 유형의 컴포넌트서버측에서만 실행되는 컴포넌트(브라우저에서 실행 x)페이지의 대부분을 서버 컴포넌트로 구성할 것을 권장!클라이언
bom-na.tistory.com
Route Group
- 경로에 영향x
- (폴더명)
'넥스트js' 카테고리의 다른 글
| [next.js] React Server Component, Client Router Cache (0) | 2024.12.12 |
|---|---|
| [next.js]Link, pre-fetching, fallback (0) | 2024.12.12 |
| [next.js] SSR vs SSG vs ISR (1) | 2024.12.12 |
| [next.js] 개발모드 vs 빌드모드🤔 (0) | 2024.12.12 |
| [next.js]파일구조 (1) | 2024.12.11 |