Cloudflareのテンプレート

Page content

Cloudflare の テンプレートへのリンクあります。https://developers.cloudflare.com/workers/


公式 AI テンプレート一覧

1. AI エージェント(最新・推奨)

Workers AI(APIキー不要)を使い、天気・タイムゾーン・計算・タスクスケジューリングなどのツールを備えた AI チャットエージェントのスターターキットです。

npx create-cloudflare@latest --template cloudflare/agents-starter

2. LLM チャットアプリ

Workers AI を使ったストリーミング対応のシンプルな AI チャットアプリテンプレートです。Server-Sent Events(SSE)でリアルタイムストリーミングを実現しています。

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

また、テンプレート全般のコレクションは以下から確認できます:

なお、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を渡すのが最もシンプルです。