Astro와 TypeScript, Tailwind CSS, Pagefind 검색을 기반으로 만든 미니멀하고 접근성이 뛰어나며 SEO에 최적화된 블로그 테마입니다.
arthelokyo/astrowind
30개 이상의 랜딩 페이지 위젯, 블로그, SEO 기능을 갖춘 무료 오픈 소스 Astro 및 Tailwind CSS v4 스타터 테마입니다.
- 스타
- 6,055
- 포크
- 1,687
- 열린 이슈
- 3
- 마지막 커밋
- 지난달
어떤 프로젝트인가요?
AstroWind는 Astro와 Tailwind CSS v4로 정적 웹사이트를 만들기 위한 스타터 템플릿입니다. 히어로 섹션, 기능 그리드, 비교 기능이 있는 가격표, FAQ 아코디언, 추천사, 타임라인, 뉴스레터 양식 등 타입이 지정된 조합형 섹션 위젯 30개 이상으로 랜딩 페이지를 바로 구성할 수 있습니다.
블로그 기능도 제공하며 RSS 피드, MDX 지원, 카테고리와 태그, 소셜 공유 버튼을 포함합니다. 게시물은 빌드 시 읽어 오는 Markdown 또는 MDX 파일입니다. 그 밖에도 Astro Assets를 통한 이미지 최적화, 사이트맵 생성, Open Graph 태그, Google Analytics 연동, RTL을 지원하는 다크 모드가 기본 제공됩니다.
사이트 이름, SEO 메타데이터, 블로그 경로, 테마 모드와 같은 전역 설정은 YAML 설정 파일 하나에서 관리하고, 색상과 글꼴은 CSS 변수와 Tailwind 테마 토큰으로 설정합니다. Netlify, Vercel, Cloudflare 또는 모든 정적 호스팅 서비스에 배포할 수 있으며, 일반적인 커스터마이징 작업을 위한 AI 코딩 어시스턴트 지침도 포함되어 있습니다.
핵심 기능
- 01타입이 지정된 조합형 랜딩 페이지 섹션 위젯 30개 이상.
- 02RSS 피드, MDX 지원, 카테고리와 태그를 제공하는 블로그.
- 03Astro Assets와 Unpic을 통한 이미지 최적화.
- 04사이트맵 자동 생성, Open Graph 태그, Google Analytics 연동.
- 05Tailwind CSS v4를 기반으로 한 다크 모드 및 RTL 지원.
- 06YAML 파일 하나와 CSS 중심의 테마 토큰을 통한 설정.
활용 사례
- 미리 만들어진 섹션으로 회사 또는 제품 랜딩 페이지를 빠르게 출시.
- RSS와 SEO 기능이 기본 제공되는 개인 또는 회사 블로그 시작.
- 정적 파일로 배포하는 문서 사이트 또는 마케팅 사이트 구축.
빠른 시작
- 1
Node.js 22.22.3 이상이 필요합니다. AstroWind 템플릿으로 프로젝트를 생성하세요
npm create astro@latest -- --template arthelokyo/astrowind - 2
종속성을 설치하세요
npm install - 3
localhost:4321에서 로컬 개발 서버를 시작하세요
npm run dev
사용 전 알아둘 점
- 템플릿에서 output이 'static'으로 설정되어 있지만, 블로그가 작동하려면 prerender = true여야 합니다.
- 버전 1은 유지보수 모드이며, 신규 개발은 AstroWind v2에서 진행됩니다.
토픽
자주 묻는 질문
- astrowind은(는) 무엇인가요?
- 30개 이상의 랜딩 페이지 위젯, 블로그, SEO 기능을 갖춘 무료 오픈 소스 Astro 및 Tailwind CSS v4 스타터 테마입니다. AstroWind는 Astro와 Tailwind CSS v4로 정적 웹사이트를 만들기 위한 스타터 템플릿입니다. 히어로 섹션, 기능 그리드, 비교 기능이 있는 가격표, FAQ 아코디언, 추천사, 타임라인, 뉴스레터 양식 등 타입이 지정된 조합형 섹션 위젯 30개 이상으로 랜딩 페이지를 바로 구성할 수 있습니다.
- astrowind은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- astrowind은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- astrowind은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. astrowind의 마지막 커밋은 2026년 9월 12일입니다.
- astrowind은(는) 어디에 사용할 수 있나요?
- 미리 만들어진 섹션으로 회사 또는 제품 랜딩 페이지를 빠르게 출시. RSS와 SEO 기능이 기본 제공되는 개인 또는 회사 블로그 시작. 정적 파일로 배포하는 문서 사이트 또는 마케팅 사이트 구축.
- astrowind는 어떻게 설치하나요?
- Node.js 22.22.3 이상이 필요합니다. AstroWind 템플릿으로 프로젝트를 생성하세요: npm create astro@latest -- --template arthelokyo/astrowind 종속성을 설치하세요: npm install localhost:4321에서 로컬 개발 서버를 시작하세요: npm run dev
- astrowind은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/arthelokyo/astrowind
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
다크 모드, 구문 강조, 수식, Mermaid 다이어그램, PWA를 지원하는 기술 블로그용 미니멀 반응형 Jekyll 테마입니다.
라이트·다크 모드, 새로고침 없는 페이지 로딩, 기본 제공 소셜 로그인을 지원하는 고급 반응형 WordPress 테마입니다.
Next.js와 Notion API를 기반으로 Notion 워크스페이스를 블로그, 포트폴리오, 문서 사이트, 랜딩 페이지 등 맞춤형 공개 웹사이트로 만들어 줍니다.
GitHub 저장소에서 콘텐츠와 미디어를 직접 편집할 수 있는 오픈 소스 CMS로, Jekyll, Hugo, Next.js, Astro 등을 사용하는 정적 사이트를 대상으로 합니다.
편집 가능한 Astro 문서 사이트를 저장소에 생성하며, 에이전트가 읽을 수 있는 Markdown과 llms.txt를 기본 제공합니다.