Repolode
withastro

withastro/astro

콘텐츠 중심 웹사이트를 위한 웹 빌드 도구로, 최소한의 JavaScript만 제공하고 한 프로젝트에서 여러 UI 프레임워크를 지원합니다.

스타
63,403
포크
3,865
열린 이슈
108
마지막 커밋
3시간 전

어떤 프로젝트인가요?

Astro는 블로그, 마케팅 페이지, 문서 사이트처럼 콘텐츠가 많은 웹사이트를 위한 빌드 프레임워크입니다. 기본적으로 페이지를 정적 HTML로 렌더링하고, 인터랙티브 컴포넌트에만 JavaScript를 제공해 결과물을 가볍게 유지합니다.

컴포넌트는 React, Preact, Svelte, Vue, Solid, Alpine.js 등 다양한 프레임워크로 작성할 수 있으며, 한 사이트 안에서 여러 프레임워크를 함께 사용할 수 있습니다. Node, Vercel, Netlify, Cloudflare용 어댑터를 통해 서버 렌더링을 선택적으로 사용할 수 있어, 완전한 정적 출력에서 요청 시 렌더링하는 방식으로 전환할 수 있습니다.

이 저장소는 핵심 astro 패키지, create-astro 스캐폴딩 도구, 프레임워크 통합 기능, VS Code 확장 프로그램과 TypeScript 플러그인 같은 언어 도구를 포함하는 모노레포입니다.

핵심 기능

  • 01기본적으로 페이지를 정적 HTML로 렌더링하고 인터랙티브 아일랜드에만 JavaScript를 제공합니다.
  • 02한 프로젝트에서 React, Preact, Svelte, Vue, Solid, Alpine.js 컴포넌트를 지원합니다.
  • 03Node, Vercel, Netlify, Cloudflare용 어댑터를 통해 서버 렌더링을 제공합니다.
  • 04MDX, sitemap, RSS, Partytown 등의 공식 통합 기능을 제공합니다.
  • 05새 프로젝트를 스캐폴딩하는 create-astro와 VS Code 언어 확장 프로그램을 포함합니다.

활용 사례

  • Markdown이나 MDX를 사용해 콘텐츠 중심의 블로그 또는 문서 사이트를 구축합니다.
  • 빠른 로딩과 최소한의 클라이언트 JavaScript가 필요한 마케팅 사이트나 포트폴리오 사이트를 만듭니다.
  • React 또는 Vue 컴포넌트를 재사용하면서 기존 사이트를 Astro로 점진적으로 마이그레이션합니다.
  • 대부분 정적인 사이트에 Vercel, Netlify 또는 Cloudflare의 서버 렌더링 라우트를 추가해 배포합니다.

빠른 시작

  1. 1

    권장 설치 프로그램으로 새 프로젝트 만들기

    npm create astro@latest
  2. 2

    또는 기존 프로젝트에 Astro를 수동으로 설치하기

    npm install astro
  3. 3

    설치하지 않고 사용해 보려면 브라우저에서 스타터 프로젝트 열기

사용 전 알아둘 점

  • 메타데이터에는 라이선스가 NOASSERTION으로 표시되어 있지만, README에서 MIT LICENSE 파일로 연결됩니다.

포함된 컬렉션

토픽

자주 묻는 질문

astro은(는) 무엇인가요?
콘텐츠 중심 웹사이트를 위한 웹 빌드 도구로, 최소한의 JavaScript만 제공하고 한 프로젝트에서 여러 UI 프레임워크를 지원합니다. Astro는 블로그, 마케팅 페이지, 문서 사이트처럼 콘텐츠가 많은 웹사이트를 위한 빌드 프레임워크입니다. 기본적으로 페이지를 정적 HTML로 렌더링하고, 인터랙티브 컴포넌트에만 JavaScript를 제공해 결과물을 가볍게 유지합니다.
astro은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
astro은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
astro은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. astro의 마지막 커밋은 2026년 10월 22일입니다.
astro은(는) 어디에 사용할 수 있나요?
Markdown이나 MDX를 사용해 콘텐츠 중심의 블로그 또는 문서 사이트를 구축합니다. 빠른 로딩과 최소한의 클라이언트 JavaScript가 필요한 마케팅 사이트나 포트폴리오 사이트를 만듭니다. React 또는 Vue 컴포넌트를 재사용하면서 기존 사이트를 Astro로 점진적으로 마이그레이션합니다. 대부분 정적인 사이트에 Vercel, Netlify 또는 Cloudflare의 서버 렌더링 라우트를 추가해 배포합니다.
astro는 어떻게 설치하나요?
권장 설치 프로그램으로 새 프로젝트 만들기: npm create astro@latest 또는 기존 프로젝트에 Astro를 수동으로 설치하기: npm install astro 설치하지 않고 사용해 보려면 브라우저에서 스타터 프로젝트 열기
astro은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/withastro/astro

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트