Editor de comunicaciones
Para una PyME de fotografía escolar construí un editor que genera comunicaciones desde siete plantillas, perfiles compartidos y un formulario único, con salidas para Gmail y Drive.
- Mi aporte
- Construí un editor de comunicaciones con perfiles compartidos e integraciones con Gmail y Drive.
- Para quién
- Equipo de una PyME de fotografía escolar.
- Alcance
- Siete plantillas alimentadas por un formulario. Producto en desarrollo.
Lectura del caso
Editor web de flyers escolares con plantillas reutilizables, perfiles por institución y salidas listas para enviar, imprimir o guardar en Drive.
- Plantillas
- 7 piezas reutilizables
- Usuario
- No técnico
- Salida
- PNG, SVG, PDF y Gmail
- Integración
- Drive, OAuth y Redis
Editor de flyers escolares
Editor web para producir comunicaciones escolares desde datos editables con siete plantillas, perfiles por institución, borrador local, salidas PNG/SVG/PDF, borrador Gmail y subida a Drive.
Pieza destacada
La pieza pública usa un render anonimizado del output. El producto conserva plantillas para familias, dirección, cooperadora y catálogo de carpetas.
Vista
| Plantilla | Audiencia | Uso |
|---|---|---|
| Padres editorial | Familias | pieza completa con fecha, carpetas A/B/C e información importante |
| Padres bloques | Familias | versión de alto contraste para lectura rápida |
| Padres minimal | Familias | versión institucional limpia para envíos formales |
| Notita padres | Mochila o email | media pieza con pasos, precios y QR |
| Dirección | Institución | propuesta B2B con logística, pago y valor para el colegio |
| Cooperadora | Asociaciones | beneficio, continuidad y operación sin manejo de dinero |
| Catálogo carpetas | Equipo interno | manual de packs, precios, reglas y variantes |
Sistema de trabajo
Un formulario único actualiza colegio, nivel, fechas, precios, contacto y textos. Los perfiles compartidos guardan configuración por institución para el equipo.
- Plantillas
- Padres editorial, bloques, minimal; notita; dirección; cooperadora; catálogo de carpetas
- Persistencia
- borrador local prisma-edit:* y perfiles compartidos en Redis/Upstash
- Distribución
- PDF/print, PNG/SVG, borrador Gmail y subida a Drive
- Seguridad
- OAuth Google con allowlist y API routes server-side
Decisiones del caso
Producto
El formulario concentra colegio, nivel, fechas, textos, contacto, precios, colores e items de carpeta. Cada cambio actualiza piezas para familias, dirección, cooperadora o catálogo.
Operación
La app guarda borradores en el navegador, comparte perfiles por Redis/Upstash, restringe acceso con Google OAuth y crea salidas PNG/SVG/PDF, borradores Gmail o archivos en Drive.
Facetas
Herramientas
- Next.js 16 + React 19
- editor con siete plantillas y formulario único de datos
- Tailwind v4
- sistema visual de las piezas, paneles y estados de exportación
- Google Drive API
- subida de las piezas exportadas a carpetas por institución
- Gmail API
- borradores con PNG adjunto desde la cuenta OAuth del usuario
- Redis / Upstash
- perfiles de institución compartidos entre usuarios autenticados
- html-to-image
- render PNG/SVG de las plantillas desde el DOM