GraphQL을 통해 CMS, Markdown, API에서 데이터를 가져와 빠른 웹사이트와 앱을 구축하는 React 기반 프레임워크입니다.
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
권장 설치 프로그램으로 새 프로젝트 만들기
npm create astro@latest - 2
또는 기존 프로젝트에 Astro를 수동으로 설치하기
npm install astro - 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 통계는 매일 갱신됩니다.
관련 프로젝트
빠른 빌드를 위한 Rust 기반 도구를 갖춘 풀스택 웹 애플리케이션용 React 프레임워크입니다.
Astro와 TypeScript, Tailwind CSS, Pagefind 검색을 기반으로 만든 미니멀하고 접근성이 뛰어나며 SEO에 최적화된 블로그 테마입니다.
Next.js, Astro, Vite 기반 React 프레임워크를 지원하는 React.js 문서 사이트 구축 프레임워크입니다.
MDX 게시물을 Tailwind CSS와 TypeScript로 렌더링하며 Vercel에 바로 배포할 수 있는 Next.js 블로그 템플릿입니다.
MDX와 Markdown 파일로 문서 및 콘텐츠 사이트를 만드는 Next.js 기반 프레임워크입니다.