# Next.js 11 릴리즈

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4452](https://news.hada.io/topic?id=4452)
- GeekNews Markdown: [https://news.hada.io/topic/4452.md](https://news.hada.io/topic/4452.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-06-16T09:54:33+09:00
- Updated: 2021-06-16T09:54:33+09:00
- Original source: [nextjs.org](https://nextjs.org/blog/next-11)
- Points: 9
- Comments: 2

## Topic Body

- Conformance 적용 : ESLint 지원

- 성능 개선 : Babel에 최적화를 도입해서 시작 시간을 대폭 개선

- 스크립트 최적화

ㅤ→ 써드파티 스크립트 로딩 전략 지원: beforeInteractive, afterInteractive(기본값), lazyOnLoad

ㅤ→ 기본 스크립트 로딩을 async 에서 defer 로 변경

- 이미지 향상 : Cumulative Layout Shift 감소

ㅤ→ 자동 크기 감지

ㅤ→ 이미지 플레이스홀더 지원

- Webpack 5 를 기본으로 적용

- Create-React-App(CRA) 로 만든 앱 을 Next.js 호환으로 변환해주는 @next/codemod 추가

- Next.js Live (프리뷰 릴리즈)

ㅤ→ ServiceWorker, WebAssembly, ES Modules 등을 이용

ㅤ→ 전체 개발 프로세스를 웹 브라우저에서 가능하게 만들고 협업도 가능

## Comments



### Comment 5454

- Author: xguru
- Created: 2021-06-16T09:55:26+09:00
- Points: 1

- Aurora - 크롬과 오픈소스 웹프레임워크 & 도구 들의 협업 프로젝트 https://news.hada.io/topic?id=4450

- Conformance for Frameworks https://news.hada.io/topic?id=4451

Aurora 랑 Conformance 가 같이 발표되면서 뭔가 정신이 없긴 한데,

가장 관심을 끄는 것은 Next.js Live 인것 같습니다.

- Code in the browser. With your team https://nextjs.org/live

### Comment 5458

- Author: laeyoung
- Created: 2021-06-16T17:47:13+09:00
- Points: 1
- Parent comment: 5454
- Depth: 1

Next.js Live는 가서 보니까, Team Colabo에 맞춰져 있어서 Team plan을 써야만 되나보네요ㅠ