SaaS スターター キットSaaS Starter

この見本は、架空の会社「しおさい設計室」のデータを、ブラウザの中だけで動かしています。額の上で見本の方を切り替えると、その役割のままで画面が変わります。English を押すと、英語の画面に切り替わります。

見本の方は 3 名です。プロジェクトを足す・直す・消す、組織のお名前を変える、ご一緒に使う方の役割を変える、ご招待のリンクを発行する、プランを選んで偽のお支払いを終える、までをひととおりお試しいただけます。メンバーでお入りになると、ほかの方がお作りになったプロジェクトは消せず、ご招待の欄そのものが出ません。

どなたに何ができるかは、キットの中にある 1 枚の表だけで決まります。画面もサーバーの処理も同じ表を読んでいるので、押せてしまったのに断られる、という食い違いが起きません。この見本で動いているのは、その表と処理そのもので、見本のために書き直したものではありません。

プロジェクトは無料のプランで 3 件までです。上限に当たると案内に変わり、プランをお選びいただくと偽のお支払いの画面へ進みます。お支払いを終えると、本物と同じ道（決済の通知）を通ってご契約が入り、上限が 50 件に変わります。

本物では、ここに Supabase と Stripe がつながります。この見本はブラウザの中だけで動くので、通信は 1 本も行いません。お選びいただいた内容はどこにも送らず、読み込み直すと、はじめの見本に戻ります。ご登録の画面、ご招待をお受けになる流れ、運営の画面は、見本には入れておりません。

キットは Next.js（App Router）と TypeScript で、ログイン、組織とご招待、役割ごとの権限、プロジェクトの管理、Stripe の定期課金、法務の 3 枚のひな形、日本語と英語の切り替えが入っています。画面とサーバーの処理は 4 つの口だけを見る作りなので、つなぎ先を入れ替えても、画面はそのままお使いいただけます。

このキットは発売の準備中です（定価 ¥19,800。発売から 7 日間は発売記念 ¥16,800）