📊
Limits
無料プランの制限
サイト数
∞
無制限
帯域幅
∞
無制限
ビルド回数
500
月500回まで
最大ファイル数
20,000
1サイトあたり
1ファイル上限
25MB
最大サイズ
Workersリクエスト
10万
1日あたり
⚡
Services
使えるサービス一覧
Cloudflare Pages
静的サイト・フロントエンドのホスティング。GitHubと自動連携。
無料
Workers(JavaScript)
サーバーレスAPIの作成。1日10万リクエスト無料。
無料
Workers(Python)
PythonでAPIやバックエンド処理が書ける。FastAPI等対応。
ベータ
D1 Database
SQLiteベースのデータベース。Workers・Pagesと連携可。
無料
Workers KV
キーバリュー型ストレージ。設定やキャッシュの保存に最適。
無料
SSL / CDN / DDoS保護
HTTPS自動設定・世界中へ高速配信・攻撃対策が自動で有効。
無料
💻
Languages
使えるプログラミング言語
🌐
HTML / CSS / JS
Pages で使用可
📜
JavaScript
Workers で使用可
🔷
TypeScript
Workers で使用可
🐍
Python
Workers(ベータ)
⚙️
Rust / C / C++
WebAssembly経由
⚛️
React / Next.js
Pages でビルド可
🏗️
Architecture
無料フルスタック構成
フロントエンド
Cloudflare Pages → hamburger-github-io.pages.dev
Pages
バックエンドAPI
Cloudflare Workers(Python)→ my-python-api.fghbg751.workers.dev
Workers
データベース
D1(SQLite)→ Workersから直接操作可能
D1
🎉
Today's Result
本日デプロイしたURL
Account :Fghbg751@yahoo.co.jp's Account// 公開済みURL
🚀
Next Steps
次にやること
HTMLからWorkers APIを呼び出す
fetchを使ってフロントエンドからPython APIにリクエストを送る
D1データベースを接続する
wrangler d1 createでDBを作成し、WorkersからSQLを実行する
Pythonコードを編集する
my-python-api/src/index.py を編集して独自の処理を追加する
GitHubにpushで自動デプロイ
hamburger.github.ioにpushするとPagesが自動で更新される