Aplicação client-side criada para padronizar assinaturas institucionais de e-mail em uma organização educacional. Usa Next.js App Router e TypeScript para gerar HTML compatível com clientes como Gmail e Outlook.
Oferece formulário de dados pessoais e institucionais, prévia em tempo real em iframe isolado, cópia como HTML pela Clipboard API, perfis locais em localStorage e importação/exportação com JSZip.
Visão geral
O objetivo foi eliminar formatação manual repetitiva com uma saída HTML previsível e um fluxo simples para equipes não técnicas.
Arquitetura
A organização por funcionalidades separa a lógica de assinatura das primitivas compartilhadas. Formulário, prévia, exportação e persistência têm responsabilidades próprias. Tailwind CSS, shadcn/ui e Radix apoiam a interface e a acessibilidade.
Decisões técnicas
Tabelas e estilos inline priorizam compatibilidade com clientes de e-mail. Atualizações com debounce evitam renderizações desnecessárias; uma arquitetura centrada no cliente simplifica a implantação; TypeScript mantém contratos claros.
Carregamento de equipes e perfis, exportação em lote e operações por CSV apoiam o uso institucional.
Desempenho e experiência
A prévia isolada evita vazamento de estilos. Persistência no cliente e interações rápidas reduzem atrito no uso diário e mantêm a saída previsível.
Desafios
Os principais desafios foram as diferenças de renderização entre Gmail e Outlook e a cópia segura de HTML entre navegadores. Templates conservadores, comportamentos alternativos e refinamentos iterativos da interface orientaram a solução.
Resultado
Um MVP utilizável para uma necessidade institucional real, com assinaturas consistentes, menos trabalho manual e espaço para novos modelos e variações de marca.
