Forma のアーキテクチャと技術スタック

Forma のアーキテクチャと技術スタック An architecture diagram generated by Archify. Clerk · ユーザー認証 · Architecture component · Webhook でユーザー同期 Clerk ユーザー認証 Webhook でユーザー同期 フォーム作成者 · kintone 管理者 · Architecture component フォーム作成者 kintone 管理者 フォーム回答者 · ブラウザ · Architecture component フォーム回答者 ブラウザ Stripe · サブスク決済 · Architecture component · Stripe Stripe サブスク決済 管理ダッシュボード · /dash · React 19 · Cloudflare Workers（OpenNext / Wrangler） · Clerk で保護 · Next.js 管理ダッシュボード /dash · React 19 Clerk で保護 短縮URL Worker · f.konomi.app · KV · Cloudflare Workers（OpenNext / Wrangler） · Cloudflare 短縮URL Worker f.konomi.app · KV 公開フォーム · /form/[id] · RSC · Cloudflare Workers（OpenNext / Wrangler） · Next.js 公開フォーム /form/[id] · RSC Hono API · /api/[[...route]] · Cloudflare Workers（OpenNext / Wrangler） · Hono + Zod Hono API /api/[[...route]] Hono + Zod 履歴削除 Worker · Cron · 毎週月曜 · Cloudflare Workers（OpenNext / Wrangler） · Cloudflare 履歴削除 Worker Cron · 毎週月曜 Cloudflare D1 · forma · SQLite · Cloudflare Workers（OpenNext / Wrangler） · Cloudflare Cloudflare D1 forma · SQLite Cloudflare R2 · public-forma · Cloudflare Workers（OpenNext / Wrangler） · Cloudflare Cloudflare R2 public-forma Amazon SES · ap-northeast-1 · Architecture component Amazon SES ap-northeast-1 kintone · REST API · Architecture component kintone REST API Chatwork · Messages API · Architecture component Chatwork Messages API サインイン フォーム作成 フォームを開く Checkout・請求 サブスク Webhook 短縮URLを発行 リダイレクト 定義を保存 回答を送信 定義を取得 Prisma (D1 adapter) ファイル保存 レコード登録 (REST API) 自動返信・通知メール ルーム通知 履歴を削除 Cloudflare Workers（OpenNext / Wrangler） Legend Frontend Backend Database Cloud Security External

フロントエンド

  • • Next.js 15 App Router / React 19
  • • Tailwind CSS + shadcn/ui（Radix）
  • • Jotai + @dnd-kit でフォーム編集

バックエンド

  • • Hono + Zod で API を集約
  • • Prisma D1 アダプタで SQLite 操作
  • • OpenNext の R2 / D1 / DO キャッシュ

運用

  • • pnpm workspace モノレポ（4 アプリ）
  • • GitHub Actions + Wrangler でデプロイ
  • • main → 本番 / dev → preview