guia de publicação · metaoriginal

← voltar

Como colocar o blueprint online em um subdomínio (ex.: blueprint.metaoriginal.co), com login da equipe e edição compartilhada. Sem servidor próprio — tudo em serviços grátis.

A. Publicar o site (Vercel ou Netlify)

O site é estático: uma pasta de arquivos. Para subir por arrastar e soltar:

  1. Baixe a pasta do projeto (todos os arquivos: index.html, no.html, guia.html, app/ e assets/).
  2. Vá em app.netlify.com/drop (ou no Vercel: Add New → Project → Deploy) e arraste a pasta inteira.
  3. Em segundos o site fica no ar num endereço temporário. Teste por lá.

B. Apontar o subdomínio

  1. No painel do host (Netlify/Vercel), abra Domain settings → Add custom domain e informe blueprint.metaoriginal.co.
  2. No painel de DNS do metaoriginal.co, crie um registro CNAME com nome blueprint apontando para o destino que o host indicar (ex.: seu-site.netlify.app).
  3. Aguarde a propagação (minutos a algumas horas). O HTTPS é emitido automaticamente.

C. Edição compartilhada + login real (Supabase)

Por padrão o site funciona em modo local: salva no navegador do dispositivo e entra com uma senha de equipe. Para que todos vejam o mesmo conteúdo e o login seja real, ligue o Supabase (grátis):

  1. Crie uma conta em supabase.com e um novo projeto.
  2. Abra SQL Editor e rode:
create table if not exists blueprint_nodes (
  id text primary key,
  data jsonb not null,
  updated_at timestamptz default now()
);

alter table blueprint_nodes enable row level security;

create policy "ler (autenticados)" on blueprint_nodes
  for select to authenticated using (true);
create policy "inserir (autenticados)" on blueprint_nodes
  for insert to authenticated with check (true);
create policy "atualizar (autenticados)" on blueprint_nodes
  for update to authenticated using (true) with check (true);
  1. Em Authentication → Providers → Email: mantenha ativado e desative "Enable sign-ups" (assim só você cria contas).
  2. Em Authentication → Users → Add user: crie um usuário (e-mail + senha) para cada pessoa da equipe.
  3. Em Project Settings → API, copie a Project URL e a chave anon public.
  4. Abra o arquivo app/config.js e cole as duas:
window.MO_CONFIG = {
  supabaseUrl: "https://xxxxxxxx.supabase.co",
  supabaseAnonKey: "eyJhbGciOi...",
  teamPassphrase: "metaoriginal"
};
  1. Re-suba os arquivos (arraste a pasta de novo). Pronto: login real e conteúdo compartilhado entre todos.

Dica: em Authentication → URL Configuration, defina o Site URL como https://blueprint.metaoriginal.co.

D. Modo local (sem Supabase)

Se deixar supabaseUrl e supabaseAnonKey vazios, o site usa o modo local. A senha de entrada é a teamPassphrase definida no config.js. Útil para testar antes de ligar o backend.

O modo local guarda dados só no navegador de quem edita e a senha fica no código — não é privacidade real. Para uso compartilhado e protegido de verdade, use o Supabase (passo C).

E. Como usar