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/notifications.md (or send Accept: text/markdown).

Notificações

Avisos in-app, preferências por utilizador e anúncios de administrador.

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 membro de teste e abra Configurações → Notificações para revisar as preferências de canais disponíveis.

2. Use dois membros de teste em uma área de trabalho e acione um evento de teste local, como um convite, com EMAIL_PROVIDER=local.

3. Confirme se apenas membros qualificados e canais habilitados recebem uma notificação no aplicativo ou na caixa de saída local. Não envie mensagens de teste para membros reais.

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.

Use o pipeline de eventos do produto

notification-events.ts mapeia eventos de faturamento, orçamento, convite, associação e contas conectadas para cópias localizadas e planos de entrega por membro. O API e os clientes do aplicativo leem as notificações do espaço de trabalho conectado; as preferências controlam os canais elegíveis.

Alguns eventos permanecem intencionalmente no aplicativo. As falhas de atualização de contas conectadas, por exemplo, não devem expor detalhes do token ou acionar emails não solicitados.

Respeite as preferências do destinatário

Use o planejador de entrega existente, as preferências padrão e as opções de exclusão de atores, em vez de enviar uma mensagem de forma independente para cada membro. O email transacional ainda usa o provedor configurado e registra seu próprio resultado de entrega.

Verifique os destinatários e o estado

Teste uma preferência desabilitada, ator excluído, membro removido, comportamento não lido/lido e outro espaço de trabalho. Mantenha as atualizações dinâmicas acessíveis e verifique as mensagens localizadas.

Instalação e configuração

O serviço de notificações (notification-service.ts) armazena registos in-app com scope de workspace; GET /api/notifications lista-os para o membro autenticado e a rota mark-read atualiza o estado. Flags de preferência por utilizador controlam categorias como atualizações de produto e alertas de segurança.

Os membros gerem as preferências em /settings/notifications. Os anúncios de plataforma são redigidos através de announcement-actions e entregues pelo mesmo pipeline.

GET   /api/notifications
PATCH /api/notifications   (mark-read)

Emitted on mutations, e.g.:
  member.left
  member.role_changed

Fluxo de implementação

Emite uma notificação após uma mutação bem-sucedida — nunca antes da escrita ser confirmada. Mantém os payloads estruturados (tipo, workspace, referências) para que a interface os possa renderizar e encaminhar sem fazer parse de prosa.

Verifica o flag de preferência antes de entregar uma categoria desativável; os avisos relevantes para a segurança (nova sessão, alterações de chave) devem permanecer obrigatórios.

Verificação e resolução de problemas

Verifica que uma preferência desativada suprime a entrega, que mark-read persiste entre sessões, que outro workspace não consegue listar os registos e que os anúncios chegam aos membros previstos. Mantém o fan-out de notificações fora do caminho crítico do pedido à medida que o volume cresce.

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