Pular para o conteúdo
supastack
Explorar a documentação
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /pt/docs/web/feature-flags.md (or send Accept: text/markdown).

Feature flags e anúncios

Lança às escuras, limita por workspace e difunde aos membros.

Passo a passo para iniciantes

Pré-requisitos: Leia os dois guias para iniciantes abaixo, conclua a configuração local da Web e abra este monorepo na raiz do seu editor. As configurações da Web pertencem a apps/web/.env.local; Next.js não lê a raiz .env. /dashboard no modo falso padrão é uma demonstração sem banco de dados; /auth precisa de um banco de dados migrado.

Termos rápidos: um espaço de trabalho consiste em usuários, dados e configurações separados de uma equipe. O servidor é o back-end confiável; mantenha as chaves do provedor fora do navegador e do código do telefone. Uma migração é uma alteração de versão do banco de dados que cria ou atualiza tabelas. Um modelo de IA é o mecanismo que responde; o catálogo de modelos é a lista do servidor de IDs e preços de modelos disponíveis. Um provedor é um serviço externo, como IA, e-mail ou serviço de cobrança. Um direito é uma concessão que permite que um espaço de trabalho use um recurso. Um webhook é uma mensagem que um serviço envia para o URL de outro serviço.

1. Faça login como administrador da plataforma e abra /admin/flags; crie ou selecione um sinalizador de teste e defina-o explicitamente como ativado e, em seguida, desativado.

2. Atualize a superfície do produto que contém a bandeira e confirme suas alterações de apresentação.

3. As funções e os direitos ainda devem proteger as ações do servidor quando um sinalizador estiver ativado. Se o API permanecer acessível enquanto estiver desabilitado, adicione uma verificação de sinalizador do lado do servidor onde pretendido.

Para código personalizado, comece com o prompts/README.md fornecido e copie o prompt mais próximo: prompts/new-app-screen.md para uma tela de aplicativo ou prompts/new-landing-page.md para uma página pública. Para trabalho de servidor, banco de dados ou provedor, dê ao seu agente de codificação a tarefa deste guia e peça-lhe para ler AGENTS.md, .ai/PROJECT_CONTEXT.md e espelhos .ai/ correspondentes; inspecione os arquivos de origem exatos nomeados aqui; listar arquivos e verificações antes de editar; preservar a propriedade do espaço de trabalho e os segredos apenas do servidor; e mostrar a diferença. Informe o comportamento desejado, campos de entrada e saída, funções permitidas, sucessos e erros esperados e a conta de teste, provedor ou dispositivo. Use valores de amostra; nunca cole um segredo real.

Configurar sinalizadores no Admin

/admin/flags e feature-flags.ts fornecem o caminho de gerenciamento/avaliação de sinalizadores do kit. A configuração do sinalizador pertence ao administrador da plataforma; uma UI de produto pode reagir a um recurso permitido sem obter autoridade para alterar o sinalizador.

Mantenha a autorização separada

Um sinalizador permite o comportamento do produto, enquanto funções e direitos autorizam um chamador. Verifique ambos quando necessário. Um link de navegação desabilitado não impede uma chamada direta API.

Verifique o comportamento ativado e desativado

Padrões de teste, sinalizadores ausentes, atualizações, negação de função e ações de servidor controladas por sinalizadores. Preservar verificações de acesso ao espaço de trabalho ao adicionar lógica de implementação.

Instalação e configuração

feature-flag-runtime resolve flags para um contexto de chamador: flags não configuradas ficam off por defeito, e overrides por flag visam workspaces ou utilizadores específicos. Uma flag em falta nunca pode ativar uma superfície silenciosamente.

Os anúncios da plataforma (announcement-actions) difundem avisos in-app pela mesma superfície de notificações que os membros já leem — listActiveAnnouncements alimenta o banner, dismissAnnouncementAction regista a dispensa.

await isFeatureEnabled(flag, { workspaceId })
await resolveFeatureFlags(context)

listActiveAnnouncements()
dismissAnnouncementAction(formData)

Fluxo de implementação

Lança código às escuras: faz merge atrás de uma flag, ativa-a no teu próprio workspace e depois alarga. Remove a flag quando a superfície for permanente — uma flag velha é uma segunda fonte de verdade.

Verifica a flag na fronteira do servidor E na navegação: um link escondido com uma rota aberta não é uma funcionalidade gated. Mantém os anúncios fora do caminho de email transacional — são notícias de produto, não recibos.

Verificação e resolução de problemas

Verifica que uma flag desativada esconde nav, rota e ação de ponta a ponta; que um override resolve apenas para o seu alvo; e que uma flag limpa volta ao defeito. Testa que a entrega de anúncios chega aos workspaces pretendidos e que a dispensa persiste.

Perguntas frequentes

14 perguntas

O que é o supastack?

O supastack é uma base modular para construir produtos SaaS com IA. Reúne a infraestrutura comum para que possas concentrar-te nas funcionalidades próprias do teu produto.

Suporta web e mobile?

Sim. O supastack inclui apps Next.js e Expo como pontos de partida para experiências web e mobile.

Que autenticação está incluída?

O Better Auth cobre email/palavra-passe, OTP e login social. Os workspaces pessoais são aprovisionados com a conta para que os registos fiquem delimitados desde o primeiro dia.

Como é suportada a IA?

O supastack inclui IA multi-fornecedor configurável, registo de utilização, orçamentos e suporte encriptado de chaves próprias (BYOK).

Como são geridas as subscrições?

Para produtos construídos sobre o kit, a faturação Stripe, as subscrições e as permissões formam a base do acesso pago. Os segredos de fornecedor ficam no servidor.

Onde vive o código próprio do meu produto?

As funcionalidades próprias do produto ficam num codebase separado, enquanto o produto configura e integra os módulos base do supastack.

Como funciona o preço do supastack?

O kit é uma compra única com atualizações vitalícias: Uma framework por 249 $ (preço de lançamento temporário — 100 $ de desconto sobre o preço normal de 349 $) ou Todas as frameworks (Next.js, iOS, Android) por 499 $ (preço de lançamento temporário — 100 $ de desconto sobre o preço normal de 599 $), mais 75 $ por lugar de programador adicional. Sem subscrição do kit. O checkout neste site entrega a tua chave de licença por email, com acesso ao repo por convite GitHub.

Como é que os workspaces delimitam os meus dados?

Os registos do utilizador são delimitados por workspaceId. Identidade, permissões, utilização de IA, eventos de faturação e entradas de auditoria ficam dentro do limite do workspace pessoal.

Como funcionam os jobs em segundo plano?

O Trigger.dev é o runtime de jobs explícito. O contrato JobRunner só promete enqueue, status e cancel — a semântica de workflow permanece específica e explícita do Trigger.dev.

Como difere o email da divulgação?

O email transacional cobre fluxos de produto como avisos de conclusão de tarefas. A divulgação fria e as campanhas pertencem ao próprio produto, fora do módulo de email deste kit.

Como funcionam as compras no aplicativo móvel?

O aplicativo móvel inclui compras nativas e restauração via RevenueCat, com acesso verificado pelo servidor. Configure as contas das lojas e conclua os testes em dispositivos antes de publicar. A cobrança web permanece separada.

Onde residem as chaves dos fornecedores de IA?

As credenciais BYOK são encriptadas e ficam no servidor. As chaves são higienizadas nos logs; a utilização e os orçamentos ficam visíveis ao nível do workspace.

Quais métodos de pagamento o checkout aceita?

O checkout hospedado na Stripe aceita cartões e também pode oferecer Alipay e WeChat Pay quando essas carteiras estiverem ativadas na conta Stripe — útil para compradores na China. As autorizações de carteira são confirmadas de forma assíncrona, então a página da licença é atualizada assim que o pagamento é liquidado.

Posso solicitar um reembolso?

Depois de obter acesso ao repositório, o supastack é seu para sempre, portanto não pode ser reembolsado. Mas fique tranquilo: você recebe o código-fonte completo com atualizações vitalícias para criar e lançar produtos ilimitados para você ou seus clientes. Você apenas não pode revender o código nem redistribuir o repositório como starter kit ou modelo.

PT
Tema