Astro 프레임워크가 뭔가요?

Astro는 콘텐츠 중심 웹사이트에 최적화된 프레임워크입니다.

핵심 특징:

• Zero JS by default — 기본적으로 JavaScript를 클라이언트에 보내지 않음
• Island Architecture — 필요한 컴포넌트만 JS 활성화
• React, Vue, Svelte 동시 사용 가능

---
// src/pages/index.astro (서버에서만 실행)
const posts = await fetch("https://api.example.com/posts").then(r => r.json());
---
<html>
  <h1>블로그</h1>
  {posts.map(p => <article>{p.title}</article>)}
  <!-- 이 컴포넌트만 JS 포함 -->
  <SearchBar client:load />
</html>

적합한 프로젝트: 블로그, 문서 사이트, 마케팅 페이지, 포트폴리오

부적합: 대시보드, SPA, 실시간 앱 (→ Next.js, React가 적합)