30개 이상의 랜딩 페이지 위젯, 블로그, SEO 기능을 갖춘 무료 오픈 소스 Astro 및 Tailwind CSS v4 스타터 테마입니다.
- 스타
- 5,137
- 포크
- 1,118
- 열린 이슈
- 32
- 마지막 커밋
- 20시간 전
어떤 프로젝트인가요?
AstroPaper는 Astro 정적 사이트 생성기를 위한 블로그 테마입니다. Markdown이나 MDX로 글을 작성할 수 있는 완성된 레이아웃을 제공하며, 타입 안전한 콘텐츠, 초안 게시물, 페이지네이션, 접을 수 있는 목차, 라이트 모드와 다크 모드를 지원합니다.
사이트맵, RSS 피드, SEO 메타데이터와 게시물마다 동적으로 생성되는 Open Graph 이미지를 제공합니다. 검색은 Pagefind를 통해 정적으로 작동하므로 백엔드나 외부 검색 서비스가 필요하지 않습니다. Tailwind CSS로 스타일을 지정하며, 프로젝트는 TypeScript로 작성되었습니다.
설정은 astro-paper.config.ts 파일에 모여 있으며, 색상과 사이트 설정을 맞춤화할 수 있도록 구성되어 있습니다. Cloudflare Pages 같은 정적 호스팅 서비스에 배포할 수 있습니다.
핵심 기능
- 01타입 안전한 콘텐츠를 지원하는 Markdown 및 MDX
- 02Pagefind 기반 정적 검색
- 03미리 정의된 색상 구성표를 제공하는 라이트 모드와 다크 모드
- 04사이트맵, RSS 피드 및 SEO 메타데이터
- 05게시물용 동적 Open Graph 이미지 생성
- 06키보드 및 스크린 리더 접근성을 고려한 디자인
활용 사례
- 정적 호스팅 서비스에서 개인 블로그나 기술 블로그 시작하기
- 초안 게시물과 페이지네이션을 지원하는 글쓰기 사이트 운영하기
- 백엔드 없이 검색 기능이 필요한 Markdown 기반 블로그 시작하기
빠른 시작
- 1
pnpm으로 템플릿에서 새 프로젝트 만들기
pnpm create astro@latest --template satnaing/astro-paper - 2
종속성 설치하기
pnpm install - 3
로컬 개발 서버 시작하기
pnpm dev
사용 전 알아둘 점
- Astro 기반이므로 로컬에 Node.js와 pnpm 툴체인을 설정해야 합니다.
토픽
자주 묻는 질문
- astro-paper은(는) 무엇인가요?
- Astro와 TypeScript, Tailwind CSS, Pagefind 검색을 기반으로 만든 미니멀하고 접근성이 뛰어나며 SEO에 최적화된 블로그 테마입니다. AstroPaper는 Astro 정적 사이트 생성기를 위한 블로그 테마입니다. Markdown이나 MDX로 글을 작성할 수 있는 완성된 레이아웃을 제공하며, 타입 안전한 콘텐츠, 초안 게시물, 페이지네이션, 접을 수 있는 목차, 라이트 모드와 다크 모드를 지원합니다.
- astro-paper은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- astro-paper은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- astro-paper은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. astro-paper의 마지막 커밋은 2026년 10월 21일입니다.
- astro-paper은(는) 어디에 사용할 수 있나요?
- 정적 호스팅 서비스에서 개인 블로그나 기술 블로그 시작하기 초안 게시물과 페이지네이션을 지원하는 글쓰기 사이트 운영하기 백엔드 없이 검색 기능이 필요한 Markdown 기반 블로그 시작하기
- astro-paper는 어떻게 설치하나요?
- pnpm으로 템플릿에서 새 프로젝트 만들기: pnpm create astro@latest --template satnaing/astro-paper 종속성 설치하기: pnpm install 로컬 개발 서버 시작하기: pnpm dev
- astro-paper은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/satnaing/astro-paper
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Radix UI와 Tailwind CSS 기반의 React 컴포넌트를 복사해 사용하고, 직접 소유하며 코드베이스에서 자유롭게 수정할 수 있습니다.
다크 모드와 Next.js RSC를 지원해 웹 앱을 빠르게 만들 수 있는 접근성 중심의 React 컴포넌트 라이브러리이자 디자인 시스템입니다.
앱에 직접 복사해 넣어 사용하는, 접근성과 커스터마이징을 고려한 shadcn/ui의 비공식 Svelte 포트입니다.
MDX 게시물을 Tailwind CSS와 TypeScript로 렌더링하며 Vercel에 바로 배포할 수 있는 Next.js 블로그 템플릿입니다.
디자인 시스템과 웹 앱을 만들기 위한, 스타일이 지정되지 않은 접근성 높은 React UI 프리미티브 오픈소스 모음입니다.