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

SaaS-стартеркит на TanStack Start, весь продукт на Vite

В supastack входит полноценное приложение TanStack Start: типобезопасная маршрутизация, серверные функции, авторизация, биллинг, ИИ и админка, тот же SaaS, что и версия на Next.js, в том же монорепо.

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

Что входит в приложение TanStack Start от supastack?

Зависит от тарифа, но каждая лицензия включает полный продукт supastack на Vite и TanStack Router: типобезопасную файловую маршрутизацию и SSR, серверные функции, аутентификацию, рабочие пространства, биллинг через восемь платёжных провайдеров, ИИ-ассистента и админ-панель с OpenAPI-справочником. Оно читает ту же схему и те же пакеты, что и Next.js-приложение, поэтому оба веб-фронтенда могут работать на одном бэкенде.

Весь SaaS целиком, а не кусок

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

  • Главная панель, аналитика и поиск по всему продукту
  • Участники, приглашения, сессии безопасности и настройки SSO
  • Биллинг с checkout, тарифами и подписанными вебхуками у восьми платёжных провайдеров
  • ИИ-ассистент и фоновые агентные задачи с бюджетами по воркспейсам
  • API с документацией OpenAPI и справочной страницей внутри приложения
  • Онбординг, уведомления, предпросмотр писем и ящик обратной связи
  • 13 языков и более 20 пакетов тем на общей дизайн-системе

Почему команды выбирают TanStack Start

Vite 8 стартует мгновенно, TanStack Router даёт файловую маршрутизацию со сквозной типобезопасностью, а серверные функции держат мутации рядом с кодом, который их вызывает. Современный стек React без привязки к фреймворку.

Одни и те же общие пакеты питают оба веб-приложения, авторизация, база данных, биллинг, ИИ, джобы, почта, поэтому функции приходят на обе поверхности одновременно, а ваша продуктовая логика никогда не расходится.

  • TanStack Start + React
  • TanStack Start + Vite
  • Типобезопасная файловая маршрутизация и SSR
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Sentry + PostHog

Два веб-стека, один бэкенд

Выбирайте TanStack Start, если команда предпочитает Vite и экосистему TanStack, или выпускайте оба веб-приложения. Они читают одну и ту же схему через одни и те же пакеты: функция, созданная один раз, работает на обоих фронтендах.

Каждая лицензия включает оба веб-приложения плюс Expo и Tauri. Только этот стек? Тариф на одну платформу это покрывает.

От клона до продакшна

Одна установка, приложение, направленное на общую базу, и dev-сервер Vite работает за считанные минуты с сид-данными. Продакшн-сборки запускаются как Node-сервер из коробки, с пресетами Nitro для других целей.

  • То же монорепо, те же пакеты, одна установка покрывает все приложения
  • Типобезопасные маршруты держат рефакторинги честными по мере роста продукта
  • Гайды зеркалируют набор Next.js, кривая обучения остаётся плоской

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

  • Приложение TanStack Start полнофункционально?, Да. Оно рендерит ту же продуктовую поверхность, что и приложение Next.js, главную, аналитику, участников, сессии безопасности, биллинг, настройки и справку OpenAPI, и тестируется так же.
  • Что выбрать: Next.js или TanStack Start?, Выбирайте фреймворк, который нравится команде, вы получаете оба в любом случае. Наша сравнительная статья подробно разбирает компромиссы.
  • Он делит базу данных с приложением Next.js?, Да. Оба веб-приложения читают одну схему через одни и те же пакеты: можно запускать один или оба фронтенда на едином бэкенде.

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

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