Communitygithub.com

deploy-cloudflare

myanmardev.com プロジェクトを Cloudflare Pages(フロントエンド)と Cloudflare Workers(API プロキシ)にデプロイし、ビルド、シークレット確認、デプロイを一連のフローで実行します。

deploy-cloudflare とは?

このスキルは myanmardev.com プロジェクトのデプロイを自動化するためのものです。Cloudflare Pages と Cloudflare Workers という 2 つのプラットフォームを対象とし、Astro フロントエンドのビルド、Worker へのシークレット設定確認、実際のデプロイ、そして動作検証までを 1 つのフローで実行します。Claude Code や Cursor などの AI エージェントで使用することを想定しており、開発者が変更を公開準備ができたタイミングで本スキルを適用することで、ビルドエラーやシークレット欠落といったミスを防ぎながら、安定したデプロイを実現します。手順は pnpm build によるビルド確認、wrangler 設定ファイルの存在確認、npx wrangler deploy による Worker デプロイ、GitHub 連携による Pages の自動デプロイ、そして curl によるヘルスチェックで構成されています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vibecode-ting/temp_myanmardev.com/tree/HEAD/.claude/skills/deploy-cloudflare

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

スキル: deploy-cloudflare

機能

myanmardev.com プロジェクトを Cloudflare Pages(フロントエンド)と Cloudflare Workers(API プロキシ)にデプロイし、ビルド、シークレット確認、デプロイを一連のフローで実行します。

使用するタイミング

変更をリリースする準備ができたとき — Claude はこのスキルを適用して Astro サイトをビルドし、シークレットを含む Worker をデプロイし、デプロイがライブであることを確認します。

手順

  1. pnpm build を実行して Astro フロントエンドが正常にビルドされることを確認する
  2. workers/wrangler.toml が存在し、workers/subdomain-api.js が変更されていないことを確認する
  3. Worker をデプロイする: npx wrangler deploy workers/subdomain-api.js(シークレットは Worker にすでに設定されています)
  4. フロントエンドをデプロイする: main ブランチにプッシュ — Cloudflare Pages が GitHub 統合から自動デプロイします
  5. 確認する: curl で https://myanmardev.com/health が 200 を返すこと、およびルートでサブドメインビルダーが読み込まれることを確認する

関連スキル