1人法人の最小スタック構築をClaude Codeで｜Next.js+Stripe+Supabase(シリーズ2)

シリーズ第2回。前回の 概論編 で「海外では1人で年商数億円の事例がある」という話をしました。

今回は、その実装の中身。 ゼロから決済可能なサービスを1日で立ち上げる ための最小技術スタックと、Claude Codeを使った構築フローを整理します。

「コード書いたことない非エンジニアが、Claude Codeに頼って自分のサービスを公開する」 — この目線で書きます。

シリーズ第1回 — 1人法人×Claude Codeの2026年到達点

claude-code-lab.example.com

海外の標準構成 — 2026年版「最小スタック」

Indie HackersやLaunchVaultの集計を見ると、2026年現在のデファクト構成はかなり収束してきています。

レイヤー	デファクト	代替候補
フロントエンド	Next.js + Tailwind CSS	Astro, SvelteKit
ホスティング	Vercel	Cloudflare Pages
データベース・認証	Supabase	Turso, Neon
決済	Stripe	Lemon Squeezy(税処理込)
メール送信	Resend	Postmark, SendGrid
分析	Plausible	Fathom, Vercel Analytics
ドメイン・CDN	Cloudflare	Vercel(統合)

これに Claude Code を「中の人」として 配置するのが2026年型の構成です。

TLDL — Indie Hacker SaaS Stack 2026

tldl.io

なぜこの構成が標準になったか

3つの決定的な要素があります。

1つ目 — 全て無料枠で始められる

Vercel、Supabase、Resend、Cloudflare、Plausible(or Fathom)。これらはすべて 無料枠で運用開始 が可能。プロダクトが利用者を獲得し始めて初めて、有料プランへの段階移行が必要になります。

ゼロから黒字化までに インフラ費が積み上がらない のは、ソロ運営にとって大きい。

2つ目 — Stripeが市場の7割近くを握る

決済の選択は、ほぼStripe一択。 米国EC市場の68% をStripeが処理しているという事実が、信頼性と統合事例の豊富さを物語っています。決済のドキュメント・サンプルコード・MCPサーバーまで揃っているので、 Claude Codeに「Stripeで月額課金を実装して」と頼むだけで動くものが出る 水準。

「税金処理を全部任せたい」場合は、Lemon Squeezyに振る選択もあります(Stripeが2025年に買収済みなので、移行リスクも小さい)。

3つ目 — Resendが「無料3,000通/月」を提供

メール配信は地味に重要。Resendが2025年5月のSendGrid無料プラン廃止を機に 3,000通/月の無料枠 を提供したことで、メール送信のハードルが消えました。トランザクションメール(登録・パスワードリセット・領収書)のほぼ全てを無料枠でカバーできる。

The 2025 Indie Hacker Tech Stack(Launch Vault)

launchvault.dev

構築の順序 — ランディング → 決済 → DB → メール

ゼロから組む時の順序です。Claude Codeに頼む順番もこれが基本。

ステップ1 — ランディングページ(Next.js + Tailwind + Vercel)

Next.js 16のApp Routerで、SaaSのランディングページを作って。
- 構成: ヒーロー / 特長3つ / 料金 / FAQ / フッター
- TailwindCSS、ダークモード対応
- 「無料で始める」ボタンはStripe Checkout用に後で繋ぐ前提

これだけで、Claude Codeが30分前後でランディングページを生成します。Vercelへのデプロイも vercel deploy 1コマンド。

ステップ2 — 認証とデータベース(Supabase)

Supabaseで認証とユーザーテーブルを作って、Next.jsから繋いで。
- メール+パスワード認証
- マジックリンク認証も併用
- usersテーブルに id, email, plan, stripe_customer_id を持たせる

Supabaseの公式ドキュメントは Claude Codeが完璧に把握 しているので、認証フローまで一発で組み上がります。

ステップ3 — 決済(Stripe Checkout + Webhook)

Stripe Checkoutで月額$20の課金を実装して。
- 成功時: usersテーブルのplanを"pro"に更新
- 失敗時: ユーザーに通知メール
- Webhookで invoice.payment_succeeded を拾う

Stripeまわりは仕様の事故が痛いので、ここだけは Claude Codeに自動テストも書かせる のが鉄則。

ステップ4 — メール(Resend + テンプレ)

Resendで以下4種類のメールを送れるようにして。
- 登録時のwelcome
- パスワードリセット
- 課金成功の領収書
- 解約時のお礼

Resendはデフォルトで送信ログが残るので、トラブルシュート時のデバッグが楽です。

Indie Hacker Tech Stack(findstack)

findstack.com

「コード書いたことない人」の現実的な進め方

ここまで読んで「私には無理」と思う人もいるはずです。実際、 本当のゼロから1日でサービス立ち上げ はハードルが高い。

私が知り合いの非エンジニア(マーケター)に勧めている進め方は、3段階。

第1段階 — ランディングページのみ(2-3日)

まずはNext.jsのランディングページだけ作って、Vercelに公開。ドメインを取って独自ドメインを当てる。 「自分のサイトを世界に出す」体験 をする。Claude Codeに任せれば、合計実作業時間 3-5時間 で完了します。

第2段階 — 受付フォーム + メール(1週間)

Resendでメール送信、Tally(またはNext.js+Supabase)でフォーム受付を実装。「興味ある人のメールアドレスを溜める」ところまで作る。

第3段階 — 課金できるサービス化(2週間〜)

Supabase認証+Stripe決済+本体プロダクト。ここまで来ると、 本物のSaaS になります。

非エンジニアが第3段階まで自力で行く例は、Twitter/Xを見ていると 半年で3-5割 くらいの確率で到達している印象。残りの半数は途中で挫折するか、エンジニアと組むかの選択をしている。

Cloudflare Pages vs Vercel

少し細かい話ですが、ホスティングの選択肢が2つ。

Vercel

Next.jsの開発元、最高のNext.js対応
無料枠が機能制限多め(商用利用はProプラン推奨で月$20)
個人プロダクトの初期段階で1番使われている

Cloudflare Pages

ナードリーチが2倍(開発者の20.1%が利用、Vercelは10.6%)
スケール時のコストが明確に安い
Next.js対応はやや遅れる傾向

私のClaude Codeラボ自体はCloudflare Pagesでホスティングしています。 個人で運営する小〜中規模メディア ならCloudflare、 本格的なSaaSプロダクト ならVercelが楽、という棲み分けが現実的。

Claude CodeのMCP連携で運用も任せる

立ち上げただけでは終わりません。運用に必要な日々の作業も、MCP連携でClaude Codeから操作できます。

{
  "mcpServers": {
    "stripe": { "command": "npx", "args": ["@stripe/mcp"] },
    "supabase": { "command": "npx", "args": ["@supabase/mcp"] },
    "resend": { "command": "npx", "args": ["@resend/mcp"] }
  }
}

これで、 「直近1ヶ月の売上を集計して」「特定ユーザーの課金状態を確認して」「直近10件のメール送信ログを見せて」 のような問い合わせを 日本語1行 でClaude Codeに頼める状態になります。

Claude Code settings.jsonおすすめ設定6つ(関連記事)

claude-code-lab.example.com