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

サインイン、AI チャット、本物のペイウォール付き Expo SaaS ボイラープレート

supastack の Expo アプリは本番モバイル SaaS。OAuth とメールサインイン、AI アシスタント、通知、テーマ、RevenueCat ペイウォール, Web アプリと同じ API をバックに。

Noah Zixin Zhang約 2 分で読めます

supastack の Expo アプリには何が含まれますか?

プランによりますが、Expo アプリはデモではなく本番のモバイル SaaS です。Google・Apple サインインとメールコード、AIアシスタント、通知受信箱、生体認証アプリロック、テーマ、そして Web アプリと同じバックエンドとアクセスルールに接続された RevenueCat ペイウォール。開発・プレビュー・ストア提出向けの EAS ビルドプロファイルも設定済みです。

本物の SaaS のモバイル半分

このアプリは、課金されるモバイル製品に本当に必要な画面を備えています, ボタン 3 つのデモではなく。サインインフロー、中身のあるホームフィード、AI アシスタント、通知受信箱、設定、RevenueCat ペイウォールがすべて Web アプリと同じ API で動きます。

  • Google・Apple サインインとメールワンタイムコード、認証ディープリンク対応
  • モデルと出力を制御できる AI アシスタント
  • 既読/未読ステータスとコンパクトなタイムスタンプの通知受信箱
  • RevenueCat 購入、復元、検証済みアクセスゲーティング
  • 生体認証アプリロックと secure-store によるセッション管理
  • 共有テーマシステム上のシステム・ライト・ダークの外観モード
  • expo-notifications によるプッシュ対応通知

Expo チームが期待する作り

React Native 0.86 上の Expo 57 と Expo Router のファイルベースナビゲーション。ホスト済みバックエンドへの型付き API 呼び出しと、開発・プレビュー・ストア提出向けの EAS ビルドプロファイルを同梱。

セッションはセキュアストレージと認証ディープリンクで同期。Web で購入したユーザーはスマホでアンロックされ、アプリ内購入したユーザーは Web 管理画面に現れます。

  • Expo + React Native
  • EAS Build + Submit
  • RevenueCat
  • TypeScript + Turborepo
  • Better Auth
  • iOS + Android

Web アプリがあなたのバックエンド

モバイルアプリに影のバックエンドはありません。Web ユーザーが使うのと同じ Next.js または TanStack Start のデプロイに対して認証・データ取得を行います。API の面はひとつ、ルールはひとつ、全ユーザーを見る管理ビューもひとつです。

クローンからストアまで

アプリをデプロイ済み API に向け、Expo Go または開発ビルドで実行すれば、プレースホルダーではなく実画面で起動します。EAS プロファイルとストア提出ガイドが、初回ビルドから TestFlight と Play Console 審査まで案内します。

  • 開発・プレビュー・本番のビルドプロファイルは設定済み
  • RevenueCat とプッシュのガイドがストア固有のセットアップをカバー
  • アプリロック、ディープリンク、テーマは最初から動作

よくある質問

  • モバイルでの支払いはどうなりますか?, RevenueCat のアプリ内課金経由です, デジタル商品にストアが要求する経路です。購入、復元、権利ゲーティングは Web 課金と同じアクセスルールを共有します。
  • iOS アプリの公開に Mac は必要ですか?, いいえ。EAS Build がクラウドで iOS ビルドをコンパイル・署名し、提出ガイドが App Store 審査をカバーします。ローカルシミュレーターを使いたい場合だけ Mac が必要です。
  • モバイルアプリは Web アプリなしで動きますか?, アプリはホスト済み API, あなたのサイトを動かしているのと同じ Next.js または TanStack Start デプロイ, と通信します。一緒に出せば、すべての画面が実データに支えられます。

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

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