VITALE

Criar projeto no Supabase

O Supabase será o banco de dados e sistema de autenticação. Tier gratuito comporta até ~200 usuários ativos.

1. Acesse supabase.com e clique em Start your project
2. Faça login com GitHub (recomendado) ou e-mail
3. Clique em New project
4. Preencha:
   • Name: vitale-prod
   • Database password: gere uma senha forte e salve em local seguro (gerenciador de senhas). Você vai precisar caso queira acessar o banco diretamente.
   • Region: South America (São Paulo) — menor latência para Brasil
   • Pricing plan: Free
5. Clique em Create new project e aguarde ~2 minutos enquanto o Supabase provisiona

Depois que o projeto subir, copie estas duas chaves (você vai precisar):

1. No menu lateral esquerdo: ⚙️ Project Settings → API
2. Copie e guarde em um arquivo de texto temporário dois valores:
   • Project URL — algo como https://xxxxx.supabase.co
   • anon public key — chave longa começando com eyJ... (é segura para usar no frontend)

Rodar o schema SQL

Vamos criar todas as tabelas (perfis, pesos, medicações, etc.), políticas de segurança (RLS) e inserir as feature flags padrão.

1. No Supabase, menu lateral: SQL Editor (ícone </>)
2. Clique em + New query
3. Abra o arquivo supabase/schema.sql do projeto VITALE (em seu computador, descompactado do zip)
4. Copie TODO o conteúdo do arquivo e cole no SQL Editor do Supabase
5. Clique em Run (botão verde, canto inferior direito) ou pressione Ctrl+Enter
6. Aguarde a mensagem Success. No rows returned aparecer

Configurar autenticação

Vamos ativar login por e-mail+senha e por link mágico (passwordless), e ajustar as URLs de redirecionamento para que o domínio final funcione.

3.1 — URLs de redirect

1. No Supabase, menu lateral: Authentication → URL Configuration
2. Em Site URL, coloque:

   https://vitale.acacianegocios.com.br

3. Em Redirect URLs (lista), adicione UMA POR LINHA:

   https://vitale.acacianegocios.com.br
   https://vitale.acacianegocios.com.br/app.html
   https://vitale.acacianegocios.com.br/app
   http://localhost:8788
   http://localhost:8788/app.html

4. Clique em Save changes

3.2 — Email templates em português

1. Authentication → Email Templates
2. Para Confirm signup, customize o subject e o corpo:
   • Subject: VITALE — Confirme seu cadastro
   • No corpo, troque o texto padrão por uma mensagem em português (mantenha a variável {{ .ConfirmationURL }}):

     <h2>Bem-vindo ao VITALE</h2>
     <p>Clique no link abaixo para confirmar seu cadastro:</p>
     <p><a href="{{ .ConfirmationURL }}">Confirmar cadastro</a></p>
     <p>Se você não pediu este cadastro, ignore este e-mail.</p>

3. Faça o mesmo para Magic Link:
   • Subject: VITALE — Seu link de acesso
   • Body:

     <h2>Acesso ao VITALE</h2>
     <p>Clique no link abaixo para entrar (válido por 1 hora):</p>
     <p><a href="{{ .ConfirmationURL }}">Entrar no VITALE</a></p>
     <p>Se não foi você, ignore este e-mail.</p>

4. Clique em Save changes ao final

3.3 — Confirme as providers

1. Authentication → Providers
2. Confirme que Email está habilitado (geralmente já está por padrão)
3. Em Email Settings:
   • Confirm email: ON (recomendado — evita signups com e-mails falsos)
   • Secure email change: ON

Criar conta Anthropic e gerar API Key

A API Claude alimenta o OCR de screenshots e o Coach IA. Pagamento por uso — sem mensalidade fixa. Estimativa para beta de 5-10 usuários: R$ 30-80/mês.

1. Acesse console.anthropic.com e crie uma conta (ou use uma existente)
2. Vá em Settings → Billing e adicione um cartão de crédito (Anthropic cobra em USD)
3. Recomendo adicionar créditos pré-pagos de USD 20 inicialmente (~R$ 100). É melhor que pay-as-you-go porque você não corre risco de receber uma fatura enorme se algo der errado
4. Vá em Settings → Limits e configure um spend limit mensal (ex: USD 30) como segurança extra
5. Vá em Settings → API Keys
6. Clique em + Create Key, dê o nome vitale-prod
7. Copie a chave (formato sk-ant-api03-...) e guarde em local seguro. Aparece UMA vez só.

Subir projeto no GitHub

O Cloudflare Pages faz deploy automático cada vez que você dá git push. Sem GitHub, não há deploy automático.

5.1 — Substituir as chaves do Supabase no código

Antes de subir, você precisa colar a URL e a chave do Supabase em 3 arquivos:

• index.html
• app.html
• admin.html

Em cada um, procure o bloco:

window.VITALE_CONFIG = {
  SUPABASE_URL: 'COLE_SUA_URL_AQUI',
  SUPABASE_ANON_KEY: 'COLE_SUA_ANON_KEY_AQUI'
};

Substitua COLE_SUA_URL_AQUI pela sua URL real e COLE_SUA_ANON_KEY_AQUI pela anon key.

5.2 — Criar repositório no GitHub

1. Acesse github.com e logue
2. Canto superior direito: + → New repository
3. Preencha:
   • Repository name: vitale
   • Visibility: Private (importante — seu código tem chaves)
   • Deixe os demais campos vazios (não marque "Add README")
4. Clique em Create repository

5.3 — Subir os arquivos

Opção A — Pelo navegador (mais simples):

1. No repositório recém-criado, clique em uploading an existing file
2. Arraste TODA a pasta vitale/ descompactada (não a pasta zipada — só o conteúdo dela)
3. Em Commit message, escreva Initial commit — VITALE v4
4. Clique em Commit changes

Opção B — Pelo terminal (se você tem git instalado):

cd caminho/para/vitale
git init
git add .
git commit -m "Initial commit — VITALE v4"
git branch -M main
git remote add origin https://github.com/SEU_USUARIO/vitale.git
git push -u origin main

Configurar Cloudflare Pages

O Cloudflare Pages é o hosting. Ele puxa o repositório do GitHub e serve o site através de uma CDN global super rápida. Free tier: 500 deploys/mês + 100.000 invocações de Pages Functions/dia.

6.1 — Conectar o repositório

1. Acesse dash.cloudflare.com (mesma conta que tem o domínio acacianegocios.com.br)
2. Menu lateral: Workers & Pages
3. Clique em Create → Pages → Connect to Git
4. Autorize o Cloudflare a acessar seu GitHub (primeira vez)
5. Selecione o repositório vitale
6. Clique em Begin setup

6.2 — Configurar o build

1. Project name: vitale
2. Production branch: main
3. Framework preset: None
4. Build command: deixe VAZIO (não temos build step, é HTML puro)
5. Build output directory: / (raiz)
6. Clique em Save and Deploy

Aguarde 1-2 minutos. Você verá no painel: Success! Your project is live com uma URL temporária tipo vitale-xyz.pages.dev.

6.3 — Adicionar variável de ambiente ANTHROPIC_API_KEY

1. No projeto recém-criado: Settings → Environment variables
2. Em Production, clique em Add variable
3. Preencha:
   • Variable name: ANTHROPIC_API_KEY
   • Value: cole a chave que você criou no Passo 4 (sk-ant-api03-...)
   • Type: marque Encrypted (importante!)
4. Clique em Save
5. IMPORTANTE: depois de adicionar a variável, vá em Deployments e clique em Retry deployment no último deploy (variáveis novas só pegam efeito em deploys subsequentes)

Apontar vitale.acacianegocios.com.br

Como o domínio acacianegocios.com.br já está no Cloudflare, adicionar um subdomínio é trivial.

1. No projeto Pages: Custom domains → Set up a custom domain
2. Digite: vitale.acacianegocios.com.br
3. Clique em Continue
4. O Cloudflare detecta que o domínio raiz é dele e oferece Activate domain automaticamente — clique nisso
5. Cloudflare cria sozinho o registro CNAME apontando para o .pages.dev
6. Aguarde ~30 segundos a 5 minutos para propagar
7. Acesse https://vitale.acacianegocios.com.br — você deve ver a tela de login do VITALE

Primeiro acesso e promoção a admin

Você precisa ser admin para acessar a Torre de Comando. Para isso, primeiro cria a conta normal, depois roda um SQL para promover-se.

1. Acesse https://vitale.acacianegocios.com.br
2. Aba Criar Conta
3. Use seu e-mail principal e uma senha forte
4. Cheque a caixa de entrada — deve chegar o e-mail de confirmação. Clique no link
5. Após confirmar, você será redirecionado para o app. Vai aparecer o onboarding pedindo nome + altura + peso atual. Preencha

Agora você está logado como usuário comum. Para virar admin:

1. Volte ao Supabase: SQL Editor → + New query
2. Cole e ajuste com seu e-mail real:

   update public.profiles
   set role = 'admin'
   where email = 'seu.email@gmail.com';

3. Clique em Run
4. No app VITALE, faça logout (menu do usuário → Sair)
5. Logue novamente
6. Clique no seu avatar no canto superior direito — deve aparecer agora 🏛️ Torre de Comando em dourado
7. Clique e navegue pela Torre. Pronto, você é admin!

Testes pós-deploy (checklist completo)

Antes de liberar para outros usuários, valide TODO o fluxo principal. Cada item testado é um bug a menos chegando ao usuário final.

Liberar usuários gradualmente

Agora você pode convidar suas primeiras pessoas. Recomendo a estratégia abaixo:

10.1 — Estratégia de rollout

10.2 — Como convidar

Não tem "sistema de convites" no MVP — basta passar o link https://vitale.acacianegocios.com.br e a pessoa se cadastra direto. Para controlar quem pode entrar, use UM dos dois caminhos:

• Confiança: você passa o link só para pessoas selecionadas. Mais simples.
• Aprovação manual: deixe Confirm email = ON e, antes de cada confirmação chegar, vá em Supabase → Authentication → Users e remova quem não devia. Mais trabalhoso, mas seguro.

10.3 — Acompanhamento

Acesse a Torre de Comando diariamente nos primeiros 7-14 dias:

• Visão Geral: vê quantos signaram, quantos estão ativos
• Erros: se aparecer erro novo, ataque imediatamente
• Usuários: monitora se alguém parou de usar (pode ser bug ou tédio — pergunte!)

10.4 — Liberação por % de rollout

Para liberar uma feature gradualmente:

1. Torre → Feature Flags → ache a flag
2. Toggle ON
3. Slider de Rollout %: comece com 25%
4. Aguarde 24h, sem erros novos? Suba para 50%
5. Mais 24h ok? 100%

Cada usuário "cai" deterministicamente em um % (sempre o mesmo % para o mesmo user_id). Então 25% de rollout significa que 25% dos seus usuários veem a feature, e os mesmos 25% continuam vendo na próxima sessão.

Problemas comuns & soluções