コンテンツへスキップ
Supastack
JA
テーマ
ログインSupastack を入手
すべての記事

認証・課金・AI を標準装備した Next.js SaaS ボイラープレート

supastack は Next.js 16 の SaaS ボイラープレート。サインイン、チーム、課金、AI チャット、管理画面、多言語、テーマまで揃った、初日からデプロイできる実アプリです。

Noah Zixin Zhang約 2 分で読めます

supastack の Next.js アプリには何が含まれますか?

プランによりますが、どのライセンスにも同じ完全な Next.js 16 アプリが付属します。OAuth、パスキー、二要素認証でのサインイン、チームワークスペース、8社の決済プロバイダーによる課金、ワークスペースごとの予算付きAIチャット、管理画面、13言語。単一プラットフォームのライセンスは Next.js のみをカバーし、バンドルは同じバックエンド上の TanStack Start、Expo、Tauri アプリを追加します。

SaaS に必要なものはすべて内蔵

Next.js アプリは supastack 製品そのものです。デモで見せるのと同じダッシュボード、設定、管理画面を収録。ランディングページを組み立てるのではなく、完成品から要らない部分を削るだけです。

  • Google、Apple、GitHub、メールマジックリンクでのサインイン, パスキー、二要素認証、セッション管理も
  • ワークスペース、ロール、メンバーごとの権限付きチーム招待
  • チェックアウト、カスタマーポータル、署名付き Webhook の課金, Stripe、Paddle、Polar、Lemon Squeezy、Dodo、Creem、Whop、PayPal に対応
  • AI チャットとバックグラウンドエージェントタスク。ワークスペース単位の予算とトークン使用量追跡
  • 通知、アクティビティフィード、フィードバック受信箱、すべてのトランザクションメールのプレビュー
  • 分析、検索、メンバー、セキュリティセッションを備えた管理画面
  • 13 言語、20 以上のテーマパック、OpenAPI で完全に文書化された API
  • シードデータ、実テスト、セットアップからデプロイまでのガイド

Next.js チームが期待する作り

アプリは App Router の Next.js 16 で動きます。React Server Components で初回描画を速く、route handler で API エンドポイントを、必要な場面でストリーミングを。すべてがエンドツーエンドで型付けされた Turbo モノレポで、ひと通り把握するのに半日もかかりません。

プロダクトロジックは共有パッケージに集約, 認証、DB スキーマ、メール、ジョブ、課金、AI プロバイダー, フレームワーク層は薄いまま。プロバイダー差し替えや Webhook の流れの把握は数分で済み、考古学は不要です。

  • Next.js 16 App Router + React 19
  • React Server Components (RSC) + Server Actions
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Trigger.dev
  • Sentry + PostHog

ひとつのプロダクト、4 つのスタック

supastack は同じ SaaS が 4 形態で届きます。この Next.js アプリ、TanStack Start アプリ、iOS と Android の Expo アプリ、Tauri デスクトップアプリ。同じバックエンドを共有するので、Web で作ったワークスペースはスマホにも現れます。

1 つのライセンスで 4 アプリすべてをカバー。このスタックだけ欲しい場合は単プラットフォームプランもありますが、あとから他を追加しても構いません。

クローンから本番まで

クローンして環境変数を入れ、マイグレーションを流せば、すぐ触れるシードデータ付きでアプリが起動します。5 分クイックスタートがその手順を順に案内し、各プロバイダーのガイドが有効にする統合をカバーします。

  • インストール一度、開発コマンド一本, 初回起動でデモワークスペースをシード
  • Vercel、Docker、Node、Cloudflare Workers にデプロイ可能
  • 任意プロバイダーはキーを入れるまでオフ, シークレット不足でクラッシュしません

よくある質問

  • Next.js アプリは実プロダクトですか、コンポーネントライブラリですか?, 実プロダクトです。サインイン、オンボーディング、ダッシュボード、課金、設定、管理画面という完全な面を、実際のバックエンド上で提供します。このサイトのスクリーンショットはすべて実アプリのものです。
  • Next.js アプリはどこにデプロイできますか?, Next.js が動く場所ならどこでも。Vercel、VPS 上の Docker、Netlify、Bun、Cloudflare Workers。デプロイガイドは各ターゲットを網羅し、起動に必須のプロバイダーはありません, すべての統合はオプトインです。
  • AI 機能は含まれますか?, はい。ストリーミング AI チャット、バックグラウンドエージェントタスク、ワークスペース単位の予算、トークン使用量追跡を同梱。OpenAI、Anthropic、OpenRouter のキーを入れるだけで使えます。

次のプロダクトは、ここから。

一度の支払いで、収益を生む製品を作り続ける。