一言でいうと、役割を分けてつなぐ構成
一つのサービスに画面、DB、認証、配信、AIを閉じ込めず、それぞれの責任を分けます。どこで障害が起きたか、誰が管理するか、将来どこを交換できるかが明確になり、本番運用と継続改善を両立しやすくなります。
4つの役割
TanStack Start / React
画面・アプリ
利用者が触れる画面、業務フロー、サーバー処理を実装します。
Cloudflare
配信・防御
公開、独自ドメイン、CDN、WAF、キャッシュ、エッジ処理を担います。
Supabase
データ・認証
PostgreSQL、認証、Storage、RLSを一つのデータ基盤として管理します。
OpenAI / Anthropic / Gemini等
AI機能
用途ごとにAPIを選び、アプリ本体と疎結合にして変更しやすくします。
向いているケース、決め打ちしないケース
向いている
- 公開ページと業務機能を同じプロダクトで運用する
- 認証・権限・ファイル・監査が必要
- 日本を含む複数地域へ安定して配信したい
- AI APIや外部サービスを段階的に追加する
自動的には選ばない
- 静的な小規模サイトでDBも認証も不要
- 既存AWS基盤や社内標準を変える合理性がない
- 特殊な規制、閉域網、専用インフラが必要
- データ量や処理特性が別のDBに適している
本番設計で確認すること
- RLSとAPI認可を含む、利用者・管理者・システムの権限分離
- データ所在地、利用者所在地、法務・顧客説明を含むリージョン選定
- バックアップ、復元テスト、監査ログ、アラート、障害対応
- Workerの実行時間・サイズ、DB接続、Storage、AI APIの上限と費用
- SSR・キャッシュ・画像・初期JavaScriptを含む実測性能
日本向けの配置判断は、日本向けリージョン設計の詳細資料に分けて整理しています。
IIWAYO.TECHの技術基盤支援
- 要件と既存環境に基づく構成選定・責任分界設計
- Supabaseのスキーマ、RLS、認証、Storage、移行設計
- Cloudflare WorkersのSSR、配信、WAF、キャッシュ、監視設計
- AI APIの選定、コスト管理、ログ、代替経路の設計