Aplicación client-side creada para estandarizar firmas institucionales de correo en una organización educativa. Utiliza Next.js App Router y TypeScript para generar HTML compatible con clientes como Gmail y Outlook.
Ofrece formulario de datos personales e institucionales, vista previa en tiempo real en un iframe aislado, copia como HTML con Clipboard API, perfiles en localStorage e importación/exportación con JSZip.
Visión general
Eliminar el formato manual repetitivo mediante una salida HTML predecible y un flujo sencillo para equipos no técnicos.
Arquitectura
La organización por funcionalidades separa la lógica de firma de las primitivas compartidas. Formulario, vista previa, exportación y persistencia tienen responsabilidades propias. Tailwind CSS, shadcn/ui y Radix apoyan la interfaz y la accesibilidad.
Decisiones técnicas
Tablas y estilos inline priorizan la compatibilidad con clientes de correo. Las actualizaciones con debounce evitan renderizados innecesarios; la arquitectura centrada en el cliente simplifica el despliegue; TypeScript mantiene contratos claros.
La carga de equipos y perfiles, la exportación por lotes y las operaciones CSV apoyan el uso institucional.
Rendimiento y experiencia
La vista previa aislada evita filtraciones de estilos. La persistencia en el cliente y las interacciones rápidas reducen fricción y mantienen una salida predecible.
Retos
Diferencias de renderizado entre Gmail y Outlook y copia segura de HTML entre navegadores. Plantillas conservadoras, alternativas de comportamiento y refinamientos iterativos orientaron la solución.
Resultado
Un MVP utilizable para una necesidad institucional real, con firmas consistentes, menos trabajo manual y espacio para nuevas plantillas y variantes de marca.
