# Astro 3.0 릴리즈

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=10761](https://news.hada.io/topic?id=10761)
- GeekNews Markdown: [https://news.hada.io/topic/10761.md](https://news.hada.io/topic/10761.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-09-07T11:06:01+09:00
- Updated: 2023-09-07T11:06:01+09:00
- Original source: [astro.build](https://astro.build/blog/astro-3/)
- Points: 15
- Comments: 3

## Topic Body

- View Transitions API를 지원하는 최초의 메이저 웹 프레임워크  
  - SPA에서만 가능하던 페이드, 슬라이드, 모핑 등 페이지 전환 효과를 어디서든 쉽게 이용 가능   
  - 공통 UI를 페이지간에 유지 가능   
- 더 빠른 렌더링: Astro 컴포넌트들이 30~75% 빨라짐   
- 이미지 최적화 기능 안정화  
  - CLS 방지를 위해 자동으로 Width & Height 입력  
  - Vercel 의 내장 이미지 서비스 지원   
  - 기본 최적화 라이브러리를 Sharp로 이관   
  - 원격 이미지 최적화도 지원   
- 서버리스를 위한 SSR 개선   
  - Vercel 과 공식 파트너십   
  - Pre-Route Code Splitting, Edge Middleware, Host Customization   
- JSX HMR 향상: React/Preact에 Fast Refresh 지원   
- 최적화된 빌드 생성   
  - HTML Minification   
  - Component ID 를 data-astro-cid-hash 속성으로 교체   
  - CSS Inlining 지원

## Comments



### Comment 19057

- Author: laeyoung
- Created: 2023-09-08T23:48:21+09:00
- Points: 1

멋지네요!  
  
Transition들 보니까 10년 전에 Android material 나오고 floating button이니 action bar니 하면서 저런 page transition 보여주던 때가 기억이 나네요. 구글에서 엄청 밀었던거 같은데, 돌이켜보니 지금도 transition 잘 쓰는 앱들이 별로 없어 보이는 걸 보면

### Comment 19020

- Author: [hidden]
- Created: 2023-09-07T16:13:20+09:00
- Points: 1

[숨김 처리된 댓글입니다]

### Comment 19017

- Author: xguru
- Created: 2023-09-07T11:07:02+09:00
- Points: 1

[Astro : JavaScript를 최소한으로 배포하기](https://news.hada.io/topic?id=4422)  
[Astro 2.0](https://news.hada.io/topic?id=8320)