Перейти к содержимому
Supastack
RU
Тема
ВойтиПолучить Supastack
Все статьи

SaaS-шаблон на Expo с входом, ИИ-чатом и настоящими пейволами

Приложение Expo в supastack, продакшн-мобильный SaaS: OAuth и вход по почте, ИИ-ассистент, уведомления, темы и пейволы RevenueCat, на том же API, что и веб-приложение.

Noah Zixin Zhang1 мин чтения

Что входит в Expo-приложение supastack?

Зависит от тарифа, но Expo-приложение — это production-мобильный SaaS, а не демо: вход через Google и Apple плюс коды по e-mail, ИИ-ассистент, папка уведомлений, биометрическая блокировка, темы и paywall RevenueCat, подключённый к тому же бэкенду и тем же правилам доступа, что и веб-приложение. Профили EAS для разработки, предпросмотра и отправки в магазины уже настроены.

Мобильная половина настоящего SaaS

Приложение даёт экраны, которые платному мобильному продукту действительно нужны, а не демку с тремя кнопками. Флоу входа, наполненная домашняя лента, ИИ-ассистент, ящик уведомлений, настройки и пейвол RevenueCat работают на том же API, что и веб-приложение.

  • Вход через Google и Apple плюс одноразовые коды по почте, с диплинками авторизации
  • ИИ-ассистент с управлением моделью и выводом
  • Ящик уведомлений со статусом прочитано/не прочитано и компактными отметками времени
  • Покупки RevenueCat, восстановление и проверенный доступ
  • Биометрическая блокировка приложения и управление сессиями через secure-store
  • Системный, светлый и тёмный режимы на общей системе тем
  • Уведомления, готовые к пушам, через expo-notifications

Собрано так, как ожидают команды на Expo

Expo 57 на React Native 0.86 с файловой навигацией Expo Router, типизированные вызовы API к размещённому бэкенду и профили сборки EAS для разработки, превью и отправки в сторы.

Сессии синхронизируются через безопасное хранилище и диплинки авторизации: пользователь, купивший в вебе, разблокируется на телефоне, а покупка внутри приложения появляется в вашей веб-админке.

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

Веб-приложение, это ваш бэкенд

У мобильного приложения нет теневого бэкенда, оно авторизуется и читает данные на том же развёртывании Next.js или TanStack Start, которое используют ваши веб-пользователи. Одна API-поверхность, один набор правил, одна админка на всех пользователей.

От клона до сторов

Направьте приложение на развёрнутый API, запустите его в Expo Go или dev-сборке, оно откроется на настоящих экранах, а не на заглушках. Профили EAS и гайды по отправке проведут от первой сборки до ревью в TestFlight и Play Console.

  • Профили сборки для разработки, превью и продакшна уже настроены
  • Гайды по RevenueCat и пушам покрывают настройку каждого стора
  • Блокировка приложения, диплинки и темы работают сразу

Частые вопросы

  • Как работают платежи на мобильном?, Через встроенные покупки RevenueCat, путь, который сторы предписывают для цифровых товаров. Покупки, восстановления и права доступа разделяют те же правила, что и веб-биллинг.
  • Нужен ли Mac, чтобы выпустить iOS-приложение?, Нет. EAS Build компилирует и подписывает iOS-сборки в облаке; гайд по отправке покрывает ревью App Store. Mac нужен только для локального симулятора.
  • Мобильное приложение работает без веб-приложения?, Приложение общается с размещённым API, тем же развёртыванием Next.js или TanStack Start, которое обслуживает ваш сайт. Выпущенные вместе, каждый экран опирается на реальные данные.

Ваш следующий продукт начинается здесь.

Один платёж. Создавайте прибыльные продукты.