MuseMVP
All in One を購入

All in Cloudflare

MVP から本番まで、すべて Cloudflare で。

TanStack Start は Cloudflare Vite プラグインで Workers 上にネイティブに動き、アダプター層はありません。D1、R2、Workers AI、Queues、Email Sending はひとつの wrangler.jsonc に宣言済み。ローカル開発に Docker もクラウドの認証情報も不要で、本番公開はレビューできるプランから始まります。

All in One を購入ライブデモを開くドキュメントを読む

ライブデモは Flare 自身の Worker、D1、R2 で配信されています。

Worker・エントリーは 3 つ
1
ネイティブバインディング
5
保守するサーバー
0
リリース手順・すべてレビュー可能
7
https://app.your-domain.com

あなたの Cloudflare アカウント

こんにちは、local user

Your product, in motion.

次に役立つものを作るための静かな場所。

利用可能なクレジット
30
保存済みファイル
0
AI タスク
0
注文
0

役に立つものを作る。

応答をストリーミングするか、アップロードした文書を要約します。

D1· SQLite データベース

ユーザー、セッション、クレジット台帳、ジョブ、決済イベントは D1 に保存されます。Drizzle のスキーマとクエリは packages/db にまとまり、マイグレーションはリポジトリでバージョン管理。危険なマイグレーションはデプロイ前にチェックされます。

設定
d1_databases → DB
ソース
packages/db/src/index.ts
ガイドを読む

破線の枠内はすべて、あなた自身の Cloudflare アカウントで動きます。Worker の実行時シークレットは AUTH_SECRET と、有効にした CAPTCHA・OAuth・決済の認証情報だけです。

All in Cloudflare

ひとつのアカウント。ひとつの Worker。製品全体。

計算、データ、ファイル、AI、ジョブ、メール、ログは同じ Worker のバインディングです。プラットフォームを組み立てるのではなく、引き継ぎます。

あなたの Cloudflare アカウント

wrangler.jsonc に一度だけ宣言。

D1、R2、Workers AI、Queues、Cron Triggers、Email Sending はネイティブバインディング。開発、プレビュー、Workers テストは同じコードを実行します。

  • Worker
  • D1
  • R2
  • Workers AI
  • Queues
  • Cron Triggers
  • Email Sending
apps/web/wrangler.jsonc抜粋
{
  "main": "src/server.ts",
  "d1_databases": [{ "binding": "DB" }],
  "r2_buckets": [{ "binding": "R2_BUCKET" }],
  "ai": { "binding": "AI" },
  "send_email": [{ "name": "EMAIL" }],
  "queues": { "producers": [{ "binding": "JOBS" }] },
  "triggers": { "crons": ["*/5 * * * *"] }
}

アダプター層なし

TanStack Start を Worker としてビルド。

Cloudflare の Vite プラグインが Worker を出力します。アプリとエッジのあいだに OpenNext 変換はありません。

ビルド経路

Next.js → OpenNext → Worker

TanStack Start → Cloudflare Vite plugin → Worker

より少ないシークレット

バインディングがアクセスキーの代わり。

データベース、ファイル、モデル、キュー、メールは Worker 経由。実行時シークレットは AUTH_SECRET と、有効にしたプロバイダーだけです。

キーではなくバインディングで到達

  • D1 接続文字列
  • R2 アクセスキー
  • モデル API キー
  • キューブローカー URL
  • メール API キー

有効にするときだけ保管

  • AUTH_SECRET
  • OAuth / Turnstile / 決済の認証情報
より軽いスタック

7 つのインフラを、ひとつのアカウントに。

ふつうはひとつずつ契約し、キーを管理するサービスが、Flare ではひとつの Worker のバインディングになります。

ふつうは別々に契約する 7 つのサービスが、すでにひとつの Worker に付いています。

ふつうは手作業で組み合わせるもの

複数のダッシュボード、複数のキー、複数の請求書

Flare では

ひとつのアカウント、ひとつの wrangler.jsonc、ひとつの CLI

  • ランタイム自分でスケールする Node サーバーやコンテナWorkerssrc/server.ts
  • データベースホスティングした Postgres と接続文字列D1DB
  • ファイルS3 バケットとアクセスキーR2R2_BUCKET
  • AIモデル事業者のアカウントと API キーWorkers AIAI
  • ジョブRedis キューと常駐ワーカーQueuesJOBS
  • Cron外部の cron サービスや常駐プロセスCron Triggers*/5 * * * *
  • メールメール事業者と API キーEmail SendingEMAIL

アダプター層なし

TanStack Start は Cloudflare 公式の Vite プラグインで Worker としてビルドされ、OpenNext のような変換を挟みません。開発、プレビュー、テストはすべて Workers 互換コードで動きます。

@cloudflare/vite-plugin

ローカルは認証情報ゼロ

pnpm muse:init がローカルの D1 を作成し、AUTH_SECRET を生成して 2 つのテストアカウントを用意します。Cloudflare アカウントも Docker も不要です。

pnpm muse:init

シークレットは最小限

データベース、ファイル、AI、キュー、メールはすべてバインディング経由。Worker が持つのは認証用シークレットと、有効にした CAPTCHA・OAuth・決済の認証情報だけです。

AUTH_SECRET
MVP → 本番

コマンドひとつで始め、プランひとつで公開。

ローカル開発はクラウドに一切触れません。デプロイ前に、何が作られ、どのマイグレーションが走るかを正確に確認でき、公開後は公開ページのスモークチェックが自動で実行されます。すべてのコマンドが安定した JSON と終了コードを返すので、そのまま CI に組み込めます。

ローカルを初期化

AUTH_SECRET を生成し、ローカル D1 のマイグレーションを適用して 2 つのテストアカウントを作成。Cloudflare の認証情報は一切使いません。

~/my-mvp1/5 · Init

pnpm install --frozen-lockfile

pnpm muse:init

command: init

initialized: true

next: [

"pnpm dev",

"Local accounts: [email protected] and [email protected] (see README)",

"Verification and reset links are captured at /dev/mail",

"Production secrets: .muse/production.secrets.json (gitignored)"

]

終了コード0 成功1 操作失敗2 ブロック3 スモーク失敗

プランは読み取り専用で、何も作成しません。未適用のマイグレーションに DROP、TRUNCATE、DELETE、UPDATE SET が含まれると、自動デプロイはブロックされます。

デプロイガイドを読む
同じプロダクトライン

3 つのコードベース。合うランタイムを選ぶ。

2 つの Next.js アプリは musemvp リポジトリにあり、ドメインパッケージを共有します。Flare は独立したリポジトリで、最初の 1 行から Workers 向けに設計されています。

フレームワーク

Next.js + NodeNext.js 16

Next.js + CloudflareNext.js 16 + OpenNext

TanStack Start + CloudflareTanStack Start + Vite

ランタイム

Next.js + NodeVercel または Docker 上の Node.js

Next.js + CloudflareOpenNext 経由の Cloudflare Workers

TanStack Start + CloudflareCloudflare Vite プラグインで Workers 上にネイティブ実行

データとファイル

Next.js + NodePostgreSQL・S3 互換ストレージ

Next.js + CloudflareD1 · R2

TanStack Start + CloudflareD1 · R2

AI とバックグラウンドジョブ

Next.js + Node非搭載

Next.js + Cloudflare非搭載

TanStack Start + CloudflareWorkers AI · Queues · Cron Triggers

ローカル開発

Next.js + NodeDocker Compose の PostgreSQL

Next.js + CloudflareWrangler のローカル D1、Docker 不要

TanStack Start + Cloudflareローカル D1、Docker もクラウド認証情報も不要

デプロイ

Next.js + NodeVercel または自前の Docker ホスト

Next.js + Cloudflarepnpm cf:deploy で Workers へ

TanStack Start + Cloudflarepnpm muse:deploy: plan → yes → verify

向いているケース

Next.js + NodePostgreSQL、セルフホスト、長時間動く Node プロセスが必要なとき。

Next.js + Cloudflareひとつのプラットフォーム、エッジランタイム、最小限のインフラ運用を求めるとき。

TanStack Start + CloudflareAI が中心の MVP を、最も軽い道筋で手元から Workers へ届けたい場合。

MuseMVP と All in One には 3 つのコードベースすべてが含まれます。UI テンプレートプランには含まれません。

Next.js + Cloudflare を見る
プロジェクト構成

ひとつの pnpm ワークスペース、明確な境界。

apps/web は UI と Worker のエントリーを担い、ドメインロジックは packages に分かれています。項目にホバーすると実際のソースを表示します。

musemvp-flare ホバーまたはフォーカスで表示

エクスプローラー

functions.tsドキュメントを開く
apps/web/src/modules/workbench/functions.ts
ソース抜粋

確認済みの抜粋をビルド時に生成。

構成ガイドを読む

3 つのプラン。支払いは 1 回。

最適なプランをお選びください

すべてのプランは税込の買い切りです。UI テンプレートはランディングページ、MuseMVP はフルスタックの SaaS スターター、All in One はその両方を含みます。

  • 買い切り
  • 税込
  • サブスクリプションなし
  • 受け取ったバージョンは手元に残ります
いちばんお得

1 回の支払い。税込。

All in One

MuseMVP + すべての UI テンプレート

$79USD
買い切り

フルスタックの MuseMVP スターターに、UI ランディングページテンプレート 9 種以上をすべて追加。メンテナンス期間中の新しいテンプレートも含みます。 MuseMVP Flare.

All in One を購入

SaaS スターター

  • 含むNext.js + Node アプリ
  • 含むNext.js + Cloudflare アプリ
  • 含むTanStack Start + Cloudflare アプリ
  • 含む認証、決済、ダッシュボード
  • 含むAI Native 開発

UI ランディングページテンプレート

  • 含む公開中のランディングページテンプレート 9 種以上
  • 含む編集できるページソース、レイアウト、アセット
  • 含むメンテナンス期間中の新しいテンプレート

支払い後、Dodo Customer Portal で GitHub を接続し、各リポジトリの招待を承認してください。

1 回の支払い。税込。

MuseMVP

フルスタック SaaS スターター

$69USD
買い切り

Node と Cloudflare 向け Next.js に加え、独立した MuseMVP Flare。認証、決済、管理機能を搭載。

MuseMVP を購入

SaaS スターター

  • 含むNext.js + Node アプリ
  • 含むNext.js + Cloudflare アプリ
  • 含むTanStack Start + Cloudflare アプリ
  • 含む認証、決済、ダッシュボード
  • 含むAI Native 開発

UI ランディングページテンプレート

  • 含まない公開中のランディングページテンプレート 9 種以上
  • 含まない編集できるページソース、レイアウト、アセット
  • 含まないメンテナンス期間中の新しいテンプレート

支払い後、Dodo Customer Portal で GitHub を接続し、各リポジトリの招待を承認してください。

1 回の支払い。税込。

UI テンプレート

UI ランディングページ

$19USD
買い切り

編集できる Next.js ランディングページテンプレートが 9 種以上。エンジニアリング用スターターとは独立したデザイン製品です。

UI テンプレートを購入

SaaS スターター

  • 含まないNext.js + Node アプリ
  • 含まないNext.js + Cloudflare アプリ
  • 含まないTanStack Start + Cloudflare アプリ
  • 含まない認証、決済、ダッシュボード
  • 含まないAI Native 開発

UI ランディングページテンプレート

  • 含む公開中のランディングページテンプレート 9 種以上
  • 含む編集できるページソース、レイアウト、アセット
  • 含むメンテナンス期間中の新しいテンプレート

支払い後、Dodo Customer Portal で GitHub を接続し、各リポジトリの招待を承認してください。

どのプランにも含まれるもの

  • 開発者ライセンス 1 名
  • 複数の商用エンドプロダクト
  • 顧客プロジェクトの非公開引き渡し
  • 製品ラインの更新
  • 公開ドキュメントとコミュニティ

開発者 1 名。複数の商用プロダクトと、顧客プロジェクトのソースを非公開で引き渡せます。ソースの再配布やテンプレートの転売はできません。

受け取ったバージョンは永久に保持できます。同じ製品ラインのメンテナンス期間中は、更新と新しいテンプレートが含まれます。将来の独立した製品や無制限のサービスは含まれません。

自分でアップグレードしたり、差額だけを支払ったりはできません。プランを変える場合はサポートへ連絡してください。

商用ライセンスと返金ソースの入手方法サポートに連絡
Flare の FAQ

MuseMVP Flare について

購入範囲、Next.js 版との違い、ローカル開発、運用コスト。

購入プランに Flare は含まれますか？

含まれます。MuseMVP と All in One には Flare のソースと 2 つの Next.js アプリが含まれます。UI テンプレートプラン単体には含まれません。

Next.js + Cloudflare とは何が違いますか？

どちらも Workers にデプロイし、D1 と R2 を使います。Flare は TanStack Start と Vite でネイティブにビルドされ、OpenNext のアダプターはなく、Workers AI、Queues、Cron Triggers も内蔵しています。Next.js 版は Next.js のエコシステムに慣れたチーム向けです。

本当にすべて Cloudflare 上ですか？

コンピュート、データベース、ファイル、AI、キュー、定期実行、メール、ログはあなたの Cloudflare アカウントにあります。決済ゲートウェイ（Stripe、Creem、Dodo Payments、Waffo）と Google・GitHub ログインは、意図的に外部サービスのままです。

Cloudflare アカウントなしでローカル起動できますか？

できます。pnpm muse:init がローカルに D1 を作り、シークレットを生成し、テストアカウントを用意します。Cloudflare の認証情報は不要です。ただし Workers AI にはローカルエミュレーターがないため、実際の生成を試すにはリモートバインディングを明示的に有効にするか、自分のアカウントにデプロイしてください。

運用コストはどのくらいですか？

Workers、D1、R2、Queues、Workers AI は従量課金で無料枠もありますが、テンプレートとしてゼロコストは約束しません。Email Sending はサービスの有効化と送信ドメインの検証が必要で、任意の宛先へのトランザクションメール送信には現在 Workers Paid が必要です。最新の Cloudflare 料金をご確認ください。

UI テンプレートを再利用できますか？

できます。UI テンプレートは Next.js ベースなので、TanStack Start に組み込む際はルーティングとフレームワーク固有のコンポーネントを置き換えてください。

Workers · D1 · R2 · AI · Queues · Email

次の MVP を、そのまま Cloudflare へ。

認証、決済、AI、デプロイツールはすべて準備済み。空のリポジトリではなく、動く Worker から始めましょう。

  1. pnpm muse:init
  2. pnpm dev
  3. muse:deploy --plan
  4. muse:deploy --yes
All in One を購入ライブデモを開く
ドキュメントを読む