Community코딩 & 개발github.com

kanjidoc/astro-cloudflare-workers-setup

빈 폴더에서 Cloudflare Workers에 라이브 자동 배포되는 Astro 정적 사이트를 구축하는 Claude Code 스킬입니다.

astro-cloudflare-workers-setup란 무엇인가요?

이 스킬은 Claude Code 사용자가 빈 디렉토리에서 시작하여 Cloudflare Workers에 자동 배포되는 Astro 정적 사이트를 처음부터 끝까지 설정할 수 있도록 안내합니다. Astro는 현대적인 정적 사이트 생성기로, React, Vue 등 다양한 프레임워크를 지원하며, Cloudflare Workers는 엣지에서 실행되는 서버리스 플랫폼입니다. 이 스킬은 프로젝트 초기화, Astro 구성, Cloudflare Workers 통합, 자동 배포 파이프라인 구축 등의 단계를 자동화하여 개발자에게 빠르고 효율적인 워크플로우를 제공합니다. Claude Code 환경에서 실행되며, CLI 명령어와 구성 파일 생성을 자동화하여 수동 작업을 최소화합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add kanjidoc/astro-cloudflare-workers-setup

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

astro-cloudflare-workers-setup은(는) 무엇을 하나요?

Claude Code 스킬: 빈 폴더에서 Cloudflare Workers에 라이브 자동 배포되는 Astro 정적 사이트를 구축합니다.

개요

이 스킬은 다음 작업을 수행합니다:

  1. npm create astro@latest를 사용하여 새 Astro 프로젝트 초기화
  2. 정적 사이트 생성을 위한 Astro 구성
  3. @astrojs/cloudflare 어댑터를 사용하여 Cloudflare Workers 통합 설정
  4. wrangler.toml 파일을 생성하여 Workers 구성
  5. GitHub Actions 또는 유사한 CI/CD 파이프라인을 통해 자동 배포 구성

전제 조건

  • Claude Code CLI 설치 및 구성 완료
  • Node.js 18 이상
  • Cloudflare 계정 (무료 티어 가능)
  • Cloudflare API 토큰 (배포용)

사용 방법

  1. 빈 디렉토리에서 터미널을 엽니다.
  2. 다음 명령어를 실행합니다:
    claude-code --skill kanjidoc/astro-cloudflare-workers-setup
    
  3. 화면의 지침에 따라 프로젝트 이름과 기본 설정을 입력합니다.
  4. 스킬이 완료되면, Astro 사이트가 Cloudflare Workers에 자동 배포됩니다.

구성

스킬은 기본 구성을 제공하며, 필요에 따라 다음 파일을 수정할 수 있습니다:

  • astro.config.mjs - Astro 설정
  • wrangler.toml - Cloudflare Workers 설정
  • src/pages/ - 사이트 페이지 콘텐츠

지원

문제가 발생하면 GitHub Issues를 통해 보고해 주세요.

관련 스킬