Cloudflareのテンプレート
Cloudflare の テンプレートへのリンクあります。https://developers.cloudflare.com/workers/
公式 AI テンプレート一覧
1. AI エージェント(最新・推奨)
Workers AI(APIキー不要)を使い、天気・タイムゾーン・計算・タスクスケジューリングなどのツールを備えた AI チャットエージェントのスターターキットです。
- URL: https://github.com/cloudflare/agents-starter
- C3 コマンド:
npx create-cloudflare@latest --template cloudflare/agents-starter
2. LLM チャットアプリ
Workers AI を使ったストリーミング対応のシンプルな AI チャットアプリテンプレートです。Server-Sent Events(SSE)でリアルタイムストリーミングを実現しています。
- URL: https://github.com/cloudflare/llm-chat-app-template
- C3 コマンド:
npx create-cloudflare@latest --template cloudflare/llm-chat-app-template
3. AI SDK パッケージ・サンプル集
Vercel AI SDK や TanStack AI 向けのプロバイダーを含む、Workers AI・AI Gateway 対応のパッケージとサンプルを集めたリポジトリです。チャット・画像生成・埋め込み・音声認識・TTS など6種類の機能デモが含まれています。
まとめ
| テンプレート | URL | 用途 |
|---|---|---|
| agents-starter | cloudflare/agents-starter |
AI エージェント(最新推奨) |
| llm-chat-app-template | cloudflare/llm-chat-app-template |
シンプルな AI チャット |
| ai | cloudflare/ai |
SDK・サンプル集 |
| templates(全般) | cloudflare/templates |
全テンプレート一覧 |
AIエージェントを作りたい場合は agents-starter が現在の公式推奨です。
Cloudflare の worker-sites-template の GitHub リポジトリURLはこちらです:
https://github.com/cloudflare/worker-sites-template
また、テンプレート全般のコレクションは以下から確認できます:
- テンプレート一覧(ブラウザ): https://workers.new/templates/
- GitHub テンプレートリポジトリ: https://github.com/cloudflare/templates
- Cloudflare ドキュメント(クイックスタート): https://developers.cloudflare.com/workers/get-started/quickstarts/
なお、Cloudflare 自身が、静的サイトのホスティングには Workers Sites よりも Cloudflare Pages の利用を推奨していますので、新規プロジェクトであれば Pages も選択肢に入れると良いかもしれません。
Cloudflare の CLI(C3 と Wrangler)でテンプレートを使う方法をまとめます。
1. C3(推奨・新しい方法)
C3(create-cloudflare-cli)は、Cloudflare への新しいアプリのセットアップとデプロイを助けるCLIツールです。
基本コマンド
npm create cloudflare@latest
対話形式でプロジェクト名、Webフレームワーク、テンプレートを選択できます。依存関係はデフォルトでインストールされ、すぐにデプロイするオプションも選べます。
GitHubリポジトリを直接テンプレートとして使う
npm create cloudflare@latest my-project -- --template=cloudflare/worker-sites-template
既存のGitリポジトリから新しいプロジェクトを作成することも C3 でサポートされています。
2. Wrangler(旧コマンド)
プロジェクト初期化
npx wrangler init my-worker
テンプレートを指定して生成(旧 generate コマンド)
wrangler generate <プロジェクト名> <テンプレートURL>
例(worker-sites-template を使う場合):
wrangler generate my-site https://github.com/cloudflare/worker-sites-template
3. プロジェクト作成後の流れ
# ローカル開発サーバー起動
npx wrangler dev
# デプロイ
npx wrangler deploy
まとめ
| ツール | コマンド | 備考 |
|---|---|---|
| C3(推奨) | npm create cloudflare@latest |
対話形式、最新推奨 |
| C3 + テンプレート指定 | --template=<GitHubリポジトリ> |
直接テンプレート使用 |
| Wrangler | wrangler generate |
旧来の方法 |
現在は C3 を使うのが公式推奨です。worker-sites-template を使いたい場合は --template フラグでGitHubのURLを渡すのが最もシンプルです。