GitHub リポジトリから Cloudflare Pages への自動デプロイを実現する3つのデモンストレーション
新しく追加された github-cloudflare-pages スキル を使用した3つの実践的なデモを紹介します。 各デモは異なるユースケースを想定しており、シンプルな静的サイトから複雑なモノレポまで、 段階的に学習できる設計になっています。
GitHub push で自動的に Cloudflare Pages にデプロイされます
Cloudflare のグローバルネットワークで世界中から高速アクセス
DDoS 保護と SSL/TLS により安全に配信
シンプルなサイトなら無料で利用可能
API または Cloudflare ダッシュボールで簡単セットアップ
デプロイログとアクセス統計をリアルタイムで確認
ビルドプロセス不要な純粋な HTML/CSS/JavaScript サイトです。 ポートフォリオ、ブログ、ランディングページに最適。
Cloudflare Workers Functions を使用して、エッジネットワークで動的な API を実行します。 リアルタイムデータ処理と認証ロジックに対応。
1つの GitHub リポジトリで複数のサイトを管理します。 パス監視を活用した効率的な CI/CD パイプラインを実装。
| 機能 | デモ 1: 静的サイト | デモ 2: インタラクティブ | デモ 3: モノレポ |
|---|---|---|---|
| ビルドプロセス | 不要 | オプション | 必須 |
| 動的機能 | なし | あり (Functions) | あり (Functions) |
| 複数プロジェクト | 1個 | 1個 | 複数 |
| 環境変数 | 不要 | あり | あり |
| デプロイ速度 | ⚡⚡⚡ 最速 | ⚡⚡ 速い | ⚡ 標準 |
| 難易度 | 初心者向け | 中級者向け | 上級者向け |