Qual é o melhor boilerplate SaaS com TanStack Start em 2026?
Depende de quantas superfícies cliente seu produto precisa cobrir. O TanStarter é um app único e leve para aprender a stack; a supastarter vende uma edição TanStack Start para SaaS só web; e o supastack é o único boilerplate que roda TanStack Start num monorepo ao lado de um app Next.js 16 — mais Expo mobile, Tauri 2 desktop, um scaffold de extensão MV3, Drizzle ORM compartilhado, Better Auth, 8 gateways de pagamento e 693+ testes automatizados.
Por que equipes estão avaliando o TanStack Start
O TanStack Start evoluiu de promessa para um segundo motor sério para apps React em produção. O apelo é estrutural: roteamento totalmente type-safe que infere params e search de ponta a ponta, server functions que substituem rotas de API escritas à mão e carregamento de dados isomórfico que executa a mesma query no servidor e no cliente — tudo num loop de dev com velocidade de Vite.
O Next.js continua sendo o default mais seguro em amplitude de ecossistema, destinos de hospedagem e contratação. É exatamente por isso que o padrão de motor duplo importa: as equipes não precisam mais escolher um e abandonar o outro. Nossa comparação a fundo Next.js vs TanStack Start cobre os trade-offs; este artigo trata de qual boilerplate entrega os dois de verdade.
O cenário de boilerplates TanStack Start em 2026
Hoje só um punhado de starters comerciais entrega TanStack Start de verdade, e menos ainda o oferece junto com outras superfícies. Esta é a lista verificada:
| Boilerplate | TanStack Start | Segundo motor web | Mobile | Desktop | Extensão de navegador | Testes automatizados |
|---|---|---|---|---|---|---|
| supastack | Incluído — apps/web-tanstack | Next.js 16 App Router | Expo (iOS + Android) | Tauri 2 (macOS/Win/Linux) | Scaffold companheiro MV3 | 693+ testes, gate local sem credenciais |
| supastarter | Edição opcional | Next.js ou Nuxt (um dos dois) | Não | Não | Não | Testes unitários e de integração |
| TanStarter | Stack central e única | Não | Não | Não | Não | Nível starter |
| TurboStarter | Não — só Next.js | — | Expo | Não | Extensão WXT | 15 arquivos de teste |
| ShipFast | Não — só Next.js | — | Não | Não | Não | 0 arquivos de teste |
O monorepo de motor duplo que ninguém mais tem
A decisão mais incomum do supastack não foi escolher um vencedor entre Next.js e TanStack Start — foi recusar-se a escolher. Os dois motores existem como apps de primeira classe no mesmo Turborepo e consomem exatamente os mesmos pacotes headless compartilhados, então um produto pode lançar num motor e adicionar o outro depois, sem reescrita.
apps/
web/ Next.js 16 App Router — primary web product
web-tanstack/ TanStack Start — second web engine
mobile/ Expo — iOS & Android from one codebase
desktop/ Tauri 2 — macOS, Windows, Linux shell
extension/ Manifest V3 browser companion
packages/
db/ Drizzle ORM schema + migrations
auth/ Better Auth — server + client entry points
billing/ 8 payment adapters + idempotent webhook ledger
mcp/ MCP server exposing the repo to coding agentsUma fundação, dois frameworks
Os motores só diferem onde frameworks devem diferir — roteamento, busca de dados, renderização no servidor. Ambos leem o mesmo schema Drizzle via @supastack/db, validam sessões pela mesma instância Better Auth em @supastack/auth e liquidam pagamentos pelo mesmo pacote de billing de oito adaptadores com ledger de webhooks idempotente.
Isso significa que o trabalho que afunda projetos sobre boilerplate — migrações, escopo de tenants, estado de assinatura, tratamento de replay de webhooks — é escrito uma vez e herdado por qualquer superfície web que você lançar. Para o desmembramento completo da stack, veja o guia de estrutura de projeto TanStack Start e nossa análise de TanStack Start + Drizzle + Better Auth + Stripe.
Veredito: qual boilerplate TanStack Start combina com seu roadmap
Escolha o kit pelas superfícies que você vai realmente lançar, não pelas caixinhas de uma tabela de marketing. O mapeamento honesto:
- Só o supastack reúne os dois motores web com mobile, desktop e extensão numa licença — veja os níveis de preço.
| Seu roadmap | Melhor escolha |
|---|---|
| Aprender o framework num side project | TanStarter (grátis, mínimo) |
| SaaS só web com opção Nuxt | Edição TanStack Start da supastarter |
| Web + extensão de navegador, sem desktop | TurboStarter |
| Dois motores web + mobile + desktop + extensão numa licença | supastack Full Bundle — $299 pagamento único |
FAQ sobre boilerplates TanStack Start
Perguntas que compradores fazem antes de se comprometer com uma codebase TanStack Start:
- O TanStack Start está pronto para produção em 2026?, Para equipes confortáveis com React, sim — alcançou versões estáveis com server functions, streaming SSR e roteamento tipado. O risco está na profundidade do ecossistema, não no framework; por isso conviver com o Next.js no mesmo repo é uma proteção, não uma aposta.
- Preciso usar os dois motores web?, Não. O monorepo entrega os dois apps; a maioria dos produtos roda um em produção e mantém o outro como caminho de migração ou ferramenta interna. Os pacotes compartilhados fazem o motor ocioso custar zero.
- O app Expo pode compartilhar auth com o TanStack Start?, Sim — o app mobile chama a mesma API tipada e a mesma instância Better Auth dos dois apps web; só armazena sessões no
expo-secure-storeem vez de cookies. - Quanto custam as licenças?, O Starter custa $199 (uma superfície), o Full Bundle de $299 cobre as cinco superfícies com 3 assentos, e o Agency $799 com 10 — todos pagamentos únicos, todos permitem projetos comerciais de clientes ilimitados.