- File-Based Metadata API 추가
- page 또는 layout 에서 동적, 정적으로 export 한 Metadata 를 html 의 title, link, meta tag 값으로 변환
- Config-based Meatadata, 파일 규칙에 따른 파일을 읽어 해당 페이지의 meta 값에 추가
- eg.
opengraph-image.jpg 이름을 을 가진 파일이 있다면 => <meta property=og:image” .. /> 로 변환 추가
- Metadata API 는 13.3 App Router(app) 부터 지원
- Dynamic Open Graph Image Generation: 별다른 외부 패키지 없이
ImageResponse 를 사용하여 동적 이미지 생성 가능. 앞에서 이야기한 config-based metadata 에서 opengraph-image.tsx 를 사용한다면 요청 타임에 알맞은 Open Graph 값과 트위터 이미지를 생성 가능
- Static Export for App Router: App Router 는 이제 완전 정적 페이지를 지원.
- 설정 파일에
output: ‘export’, 옵션을 추가하고 next build 실행하면 각 라우트별로 HTML 페이지가 생성
- 동적데이터를 가져와서 렌더링 되는 경우, Server Components의 경우에도 빌드 동안 데이터를 가져와서 HTML 로 생성
- 빌드 타임때 어떤 데이터를 가져와야 할 지 모르는 경우 Client Component 를 사용
- Parallel Routes and Interception: Next.js 13.3 에는 새로운 동적 규칙이 도입되어 고급 라우팅 기법을 구현 가능.
- Parallel Routes: 하나 이상의 페이지를 동시에 (조건에따라) 동일 화면에서 렌더링 가능
@ 으로 시작하는 slots 을 여러개 지정하고 각 slots 별로 다른 페이지를 렌더링 할 수 있음
- Intercepting routes:
(..) 으로 시작하는 규칙을 사용하여 현재 레이아웃 내에서 새로운 라우트를 로딩 할 수 있음. 현재 페이지의 컨텍스트 정보를 유지하는데 유용