Um portal govtech de coordenação, criado do zero em 102 commits
Um só lugar para cada pedido, mudança e aprovação que passa por várias equipes, no governo ou em empresas.
O trabalho
Cliente: Arynvia (abre em uma nova aba)
- Status
- Construído de ponta a ponta pela Clouditive
- Cronologia
- Início em 25 de setembro de 2026 · 102 commits em 12 dias · Primeira tag v0.1.0
O que a Clouditive construiu para este portal de coordenação?
Nós projetamos e construímos tudo.
Cada número vem do repositório do produto e de seu pipeline de releases.
A Clouditive projetou as 43 telas, com 114 frames aprovados, e construiu o produto inteiro em 102 commits ao longo de 12 dias. O portal roda em Next.js 16, React 19 e Postgres 18, dividido em 12 contextos delimitados e 9 migrações. Cada release é uma imagem assinada com cosign, publicada sem tráfego, migrada por um job do Cloud Run, com a saúde verificada e só então promovida. Um site público de 9 páginas roda em um Cloudflare Worker.
43telas
43 telas desenhadas no Figma em 1440 e 390 pixels, com 114 frames aprovados
102commits
102 commits em 12 dias, do discovery a uma release com tag
12contextos delimitados
12 contextos delimitados em Next.js 16, React 19 e Postgres 18, com fronteiras entre módulos verificadas antes de o código sair da máquina do engenheiro
Também registrado
- Pipeline de releases: cada release é uma imagem assinada que não recebe tráfego até as migrações rodarem e a verificação de saúde passar
- Login sem senha por link mágico com limite de tentativas, e envio pelo Gmail sem chave armazenada
- Site público de 9 páginas em um Cloudflare Worker
O que fizemos, por área
Áreas de trabalho
O produto
Um só lugar para o trabalho que cruza equipes
A equipe registra uma atividade passo a passo, e o portal acompanha cada pendência com responsável e prazo. Quando algo muda, ele calcula quem é afetado, uma pessoa confirma o impacto e só então essas pessoas são avisadas. Cada equipe vê o trabalho que cabe a ela, e o histórico não pode ser editado.
O login é feito com um link mágico, sem senha. A busca Cmd-K encontra qualquer item, e a importação de planilhas traz o trabalho que já existe. O design também cobre um painel executivo, um CRM, pessoas, ausências e orçamento, uma agenda editorial, Drive e Calendar, e um copiloto de IA que sugere enquanto uma pessoa confirma.
Duas edições compartilham o mesmo código: Gobierno, para o setor público, e Empresas, para companhias.
Design de produto e UX
43 telas e 114 frames, cada um aprovado antes de ser construído
O discovery gerou o inventário completo de telas do site público e do portal. Cada tela foi desenhada no Figma em 1440 e 390 pixels e aprovada em um fluxo de snapshots: 114 frames aprovados no total.
Arquitetura e backend
Um monolito modular com 12 contextos delimitados
Next.js 16 e React 19 sobre Postgres 18. As fronteiras entre módulos são verificadas no push gate, então um contexto não consegue invadir outro. O esquema evolui em 9 migrações, e a tabela de histórico é imutável.
- Organizações e identidade
- E-mail e histórico
- Atividades e pendências
- Mudanças e avisos
- Trabalho e pedidos
- Busca e importação
Identidade e segurança
Login sem senha e e-mail sem chave armazenada
O login é um link mágico com limite de tentativas. O envio pelo Gmail usa delegação em todo o domínio, então nenhuma chave de e-mail fica armazenada. Cada imagem de release é assinada com cosign antes de poder ser publicada.
CI/CD e release
Toda release assinada, com a saúde verificada antes de entrar no ar
Um push gate verifica segredos, tipos, lint e build antes de o código sair da máquina. Uma release constrói uma imagem assinada com cosign, faz o deploy por digest da imagem (a impressão digital desse build exato) sem tráfego, roda as migrações como job do Cloud Run, verifica a saúde e só então promove a revisão. A primeira tag é v0.1.0.
Web e QA
Um site de 9 páginas na Cloudflare, percorrido em um navegador real
O site público é feito em Astro com Tailwind v4 sobre o contrato de tokens do próprio produto, servido por um Cloudflare Worker, com o DNS e a rota em Terraform.
O Playwright percorre o site com axe nas regras WCAG 2.2 AA em 1440 e 390 pixels: 10 passos, 0 requisições com falha, 0 erros de console e 0 violações do axe nas páginas avaliadas.
Stack
Serviços utilizados
Os serviços por trás deste trabalho.
Nas palavras do cliente
A Clouditive levou nosso produto do discovery a uma plataforma funcionando: 43 telas, 12 contextos delimitados, login sem senha e releases assinadas que executam exatamente o build testado. Aprovamos cada tela no Figma e depois a vimos construída, em 102 commits e 12 dias.
GovTech e coordenação empresarialCTOPublicado com a aprovação do cliente.
Perguntas frequentes
O que o portal faz?
Uma plataforma que reúne em um só lugar os pedidos, mudanças, pendências e aprovações que passam pelas equipes de uma organização, cada um com responsável e histórico, e avisa as pessoas certas quando algo muda.
O que a Clouditive construiu?
Tudo: o discovery, 43 telas com 114 frames aprovados, o portal com 12 contextos delimitados, o site público de 9 páginas, o login sem senha, o pipeline de releases assinadas e o QA no navegador.
Quais edições o portal tem?
Duas edições sobre o mesmo código: Gobierno, para o setor público, e Empresas, para companhias.
Como o portal trata uma mudança?
Ele calcula quem a mudança afeta, uma pessoa confirma esse impacto e só então essas pessoas são avisadas. Cada passo fica em um histórico imutável.
Como as pessoas fazem login?
Com um link mágico, sem senha e com limite de tentativas.
Como as releases são publicadas?
Cada release é uma imagem assinada com cosign, publicada sem tráfego, migrada por um job do Cloud Run, com a saúde verificada e depois promovida por revisão.
Qual stack o portal usa?
Next.js 16, React 19, Postgres 18, Cloud Run, cosign, Astro, Tailwind v4, Cloudflare Workers, Terraform, Figma e Playwright com axe.
Quanto tempo levou a construção?
102 commits em 12 dias, a partir de 25 de setembro de 2026.
O que você precisa resolver?
Respondemos a todo pedido em até 1 dia útil. Assinamos um NDA antes da conversa, se você pedir.