Pular para o conteúdo
Supastack
PT
Tema
EntrarObter Supastack
Todos os artigos

Um starter kit SaaS de TanStack Start, o produto completo, em Vite

O supastack inclui um app TanStack Start completo: rotas tipadas, server functions, auth, billing, IA e admin, o mesmo SaaS da versão Next.js, no mesmo monorepo.

Noah Zixin Zhang2 min de leitura

O que a app TanStack Start da supastack inclui?

Depende do plano, mas cada licença inclui o produto supastack completo sobre Vite e TanStack Router: rotas baseadas em ficheiros com tipagem segura e SSR, funções de servidor, auth, workspaces, faturação com oito fornecedores de pagamento, um assistente de IA e uma superfície de administração com referência OpenAPI. Lê o mesmo esquema e os mesmos pacotes da app Next.js, por isso ambos os frontends web podem correr num único backend.

O SaaS completo, não uma fatia

A maioria dos starters TanStack para numa página de login e uma lista de tarefas. O nosso renderiza toda a superfície supastack, as mesmas telas servidas pelo app Next.js, então escolher TanStack Start nunca significa menos produto.

  • Dashboard inicial, análises e busca em todo o produto
  • Membros, convites, sessões de segurança e configurações de SSO
  • Billing com checkout, planos e webhooks assinados em oito provedores de pagamento
  • Assistente de IA e tarefas de agente em segundo plano com orçamentos por workspace
  • API documentada em OpenAPI com página de referência dentro do app
  • Onboarding, notificações, prévia de e-mails e caixa de feedback
  • 13 idiomas e mais de 20 pacotes de temas sobre o mesmo design system

Por que equipes escolhem TanStack Start

O Vite 8 inicia instantaneamente, o TanStack Router oferece rotas baseadas em arquivos com type safety de ponta a ponta, e as server functions mantêm as mutações perto do código que as chama. O stack React moderno sem lock-in de framework.

Os mesmos pacotes compartilhados alimentam os dois apps web, auth, banco de dados, billing, IA, jobs, e-mail, então os recursos chegam às duas superfícies juntos e sua lógica de produto nunca diverge.

  • TanStack Start + React
  • TanStack Start + Vite
  • Rotas baseadas em arquivos tipadas e SSR
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Sentry + PostHog

Dois stacks web, um backend

Escolha TanStack Start porque sua equipe prefere Vite e o ecossistema TanStack, ou lance os dois apps web. Eles leem o mesmo schema pelos mesmos pacotes: um recurso construído uma vez funciona nos dois frontends.

Toda licença inclui os dois apps web mais Expo e Tauri. Só este stack? O plano de uma plataforma cobre isso.

Do clone à produção

Uma instalação, o app apontado para o banco compartilhado, e o servidor de desenvolvimento Vite roda em minutos com dados de seed. Os builds de produção rodam como servidor Node por padrão, com presets Nitro para outros destinos.

  • Mesmo monorepo, mesmos pacotes, uma instalação cobre todos os apps
  • Rotas tipadas mantêm refactors honestos conforme seu produto cresce
  • Os guias espelham o conjunto de Next.js, a curva de aprendizado permanece plana

Perguntas frequentes

  • O app TanStack Start é completo em recursos?, Sim. Ele renderiza a mesma superfície de produto do app Next.js, início, análises, membros, sessões de segurança, billing, configurações e a referência OpenAPI, e é testado da mesma forma.
  • Devo escolher Next.js ou TanStack Start?, Escolha o framework que sua equipe preferir, você recebe os dois de qualquer jeito. Nosso artigo comparativo cobre os trade-offs em detalhe.
  • Ele compartilha banco de dados com o app Next.js?, Sim. Os dois apps web leem o mesmo schema pelos mesmos pacotes: você pode rodar um ou ambos os frontends sobre um único backend.

O teu próximo produto começa aqui.

Pague uma vez. Continue criando produtos lucrativos.