# Next.js 13.3 릴리즈

> Clean Markdown view of GeekNews topic #8908. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=8908](https://news.hada.io/topic?id=8908)
- GeekNews Markdown: [https://news.hada.io/topic/8908.md](https://news.hada.io/topic/8908.md)
- Type: news
- Author: [ragingwind](https://news.hada.io/@ragingwind)
- Published: 2023-04-07T19:03:46+09:00
- Updated: 2023-04-07T19:03:46+09:00
- Original source: [nextjs.org](https://nextjs.org/blog/next-13-3)
- Points: 9
- Comments: 2

## Topic Body

- 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: `(..)` 으로 시작하는 규칙을 사용하여 현재 레이아웃 내에서 새로운 라우트를 로딩 할 수 있음. 현재 페이지의 컨텍스트 정보를 유지하는데 유용

## Comments



### Comment 15598

- Author: kdy1234
- Created: 2023-04-08T11:25:26+09:00
- Points: 1

아쉽게도 이번엔 제 패치는 거의 포함되지 않았네요  
Wasm 이슈 고쳤는데 리뷰하고 CI 관련 작업 때문에 반영이 안되고 있어요

### Comment 15602

- Author: chanhee
- Created: 2023-04-08T22:34:50+09:00
- Points: 1
- Parent comment: 15598
- Depth: 1

요번에 반영되는줄 알고 기대하고 있었는데 아쉬워요. 고생하셨습니다~