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

Um boilerplate SaaS de Next.js com auth, billing e IA já integrados

O supastack é um boilerplate SaaS de Next.js 16: login, equipes, billing, chat com IA, admin, i18n e temas, um app real que você implanta desde o primeiro dia.

Noah Zixin Zhang2 min de leitura

O que a app Next.js da supastack inclui?

Depende do plano, mas cada licença inclui a mesma app completa de Next.js 16: início de sessão com OAuth, passkeys e dois fatores, workspaces de equipa, faturação com oito fornecedores de pagamento, chat de IA com orçamentos por workspace, uma superfície de administração e 13 idiomas. A licença de uma plataforma cobre apenas Next.js; o pacote completo adiciona as apps TanStack Start, Expo e Tauri no mesmo backend.

Tudo o que um SaaS precisa, já construído

O app Next.js é o produto supastack completo: o mesmo dashboard, configurações e superfície de administração que os compradores veem na demo. Você não está montando uma landing, está removendo de um produto pronto as partes de que não precisa.

  • Login com Google, Apple, GitHub e magic links por e-mail, além de passkeys, dois fatores e gestão de sessões
  • Workspaces, papéis e convites de equipe com permissões por membro
  • Billing com checkout, portal do cliente e webhooks assinados, Stripe, Paddle, Polar, Lemon Squeezy, Dodo, Creem, Whop e PayPal
  • Chat com IA e tarefas de agente em segundo plano com orçamentos e rastreamento de tokens por workspace
  • Notificações, feeds de atividade, caixa de feedback e pré-visualização de cada e-mail transacional
  • Superfície de administração com análises, busca, membros e sessões de segurança
  • 13 idiomas, mais de 20 pacotes de temas e uma API totalmente documentada em OpenAPI
  • Dados de seed, testes reais e guias que cobrem da instalação ao deploy

Construído como as equipes de Next.js esperam

O app roda em Next.js 16 com o App Router: React Server Components para um primeiro paint rápido, route handlers para os endpoints de API e streaming onde importa. Tudo tipado de ponta a ponta num monorepo Turbo que você percorre em uma tarde.

A lógica de produto vive em pacotes compartilhados, auth, schema do banco, e-mail, jobs, billing e provedores de IA, então a camada de framework permanece fina. Trocar um provedor ou seguir um webhook leva minutos, não arqueologia.

  • Next.js 16 App Router + React 19
  • React Server Components (RSC) + Server Actions
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Trigger.dev
  • Sentry + PostHog

Um produto, quatro stacks

O supastack é o mesmo SaaS quatro vezes: este app Next.js, um app TanStack Start, um app Expo para iOS e Android e um app desktop Tauri. Eles compartilham um único backend, então um workspace criado na web aparece no telefone.

Uma licença cobre os quatro apps. Se você quer apenas este stack, existe o plano de uma plataforma, mas nada impede de adicionar os outros depois.

Do clone à produção

Clone, preencha as variáveis de ambiente, rode as migrações e o app sobe com dados de seed que você pode explorar imediatamente. O quickstart de cinco minutos percorre exatamente esse caminho, e os guias por provedor cobrem cada integração que você ativar.

  • Uma instalação e um comando de desenvolvimento, a primeira execução semeia um workspace de demo
  • Deploy na Vercel, Docker, Node ou Cloudflare Workers
  • Provedores opcionais ficam desligados até você adicionar chaves, nada quebra por falta de um secret

Perguntas frequentes

  • O app Next.js é um produto real ou uma biblioteca de componentes?, Um produto real. Ele entrega a superfície completa, login, onboarding, dashboard, billing, configurações e admin, sobre um backend de verdade. Todas as capturas deste site vêm dele.
  • Onde posso implantar o app Next.js?, Onde o Next.js rodar: Vercel, Docker num VPS, Netlify, Bun ou Cloudflare Workers. Os guias de deploy cobrem cada destino e nenhum provedor é obrigatório para começar, toda integração é opcional.
  • Inclui recursos de IA?, Sim, chat de IA em streaming, tarefas de agente em segundo plano, orçamentos por workspace e rastreamento de uso de tokens, prontos para suas chaves da OpenAI, Anthropic ou OpenRouter.

O teu próximo produto começa aqui.

Pague uma vez. Continue criando produtos lucrativos.