Astro

JavaScript를 최소한으로 배포하기.

Features

• 웹사이트를 빠르게 하기 위해 기존 웹프레임워크에서 JS를 최대한 걷어내주는 오픈소스 도구
  • React, Svelte, Vuew, Preact, Vanilla JS+HTML.. (BYOF) 로 만든 사이트에서
  • JS를 다 걷어내고 100% Static 사이트로 변환
• TypeScript, CSS Module, Sass, Tailwind, Markdown, MDX 및 모든 npm 패키지 지원
• 인터랙티브 필요한 것들은 쓸 때만 On-Demand로 불러오기 (Partial Hydration)
• SEO & Syndication 지원 : 자동 Sitemaps, RSS 피드, 페이징 및 컬렉션..

See also

• node
• javascript
• static site generate

Favorite site

• astro web site
• Github - astro
• Astro를 사용해서 블로그 만드는 방법 #1 Astro 프로젝트 시작하기
• Build a blog with Astro, Vite, and MDX - LogRocket Blog

Articles

• Astro 개발자를 위한 RSC | GeekNews
• Astro는 웹의 기본으로의 회귀입니다 | GeekNews
  • [원문] Astro is a developers f***ing dream — Websmith Studio
  • Astro는 컨텐츠 중심 웹사이트에 최적화된 신개념 웹 프레임워크로, 기본적으로 Zero JavaScript 정책과 뛰어난 성능, 간편한 개발 경험을 제공함
  • Island Architecture라는 독특한 방식으로 필요한 부분만 JavaScript를 적용, 나머지는 빠른 정적 HTML로 처리함
  • Astro 사이트는 기존 React 기반 대비 40% 이상 빠른 로딩 속도를 보여주며, 이로 인해 SEO, 사용자 경험, 전환율 등 실질적 이점을 제공함
  • 다른 프레임워크와 달리 데이터 로직과 프론트엔드 컴포넌트가 명확히 분리되어 있고, React·Vue 등 다양한 프레임워크와 혼용 가능함
  • 단, SPA나 복잡한 상태 관리, 대규모 라우팅이 필요한 경우에는 Next.js 등 기존 프레임워크가 더 적합할 수 있음