TuFestejo — SaaS Multi-tenant de Invitaciones Digitales
Plataforma SaaS de invitaciones y recuerdos digitales para 14 categorias de eventos (gender reveals, bodas, XV anos, baby showers...) con admin multi-empresa, portal del cliente y pagos integrados.
El Reto
TuFestejo nacio para resolver un nicho real en Mexico/LATAM: la mayoria de organizadores de eventos seguian enviando invitaciones por WhatsApp con imagenes basicas o pagaban a disenadores artesanales por algo lindo pero sin funcionalidad. No habia un punto medio: producto digital con valor agregado, accesible, y rapido de entregar.
El reto tecnico era doble: (1) construir una plataforma multi-empresa donde cada agencia de invitaciones puede gestionar sus propios clientes y eventos, sin ver datos de otras empresas; (2) generar paginas publicas SEO-friendly para cada invitacion (con mapa, RSVP, galeria, contador) que se vean perfectas en el celular — porque 90% del trafico viene de WhatsApp en movil.
Tambien habia un reto de modelo de negocio: el equipo decidio que TODAS las funciones estuvieran en TODOS los planes ($499 a $1,499 MXN). Los tiers diferencian solo por velocidad, rondas de cambios y nivel de personalizacion — no por features bloqueadas. La plataforma tenia que soportar esa propuesta de volumen-sobre-margen.
La Solucion
Construimos una plataforma Next.js 16 App Router con tres zonas separadas: (1) sitio marketing publico SEO-optimizado con catalogo de 14 categorias de eventos; (2) panel admin protegido para que cada empresa gestione sus clientes, eventos, plantillas y branding; (3) portal del cliente (mi-evento/[slug]) donde los padres del bebe gestionan invitados, deseos y nombres sugeridos.
El stack es Supabase para PostgreSQL + Auth + Storage serverless, con scoping estricto por company_id en cada query. Las paginas publicas de cada invitacion se generan con SSG cuando es posible (SEO + velocidad), incluyen mapa interactivo con Leaflet, contador regresivo, RSVP con validacion, galeria de fotos, votaciones de nombres y musica embebida.
Server Actions de Next.js 16 manejan toda la mutacion (auth, eventos, clientes), con bcrypt para passwords del portal del cliente y cookies HttpOnly. Validacion centralizada con Zod. Deploy en Vercel con ISR para regenerar paginas publicas cuando cambian datos.
Features Clave
14 Categorias de Eventos con Pages Individuales SSG
Gender Reveals (activo) + Bodas, XV anos, Cumpleanos, Baby Showers, Bautizos, Graduaciones, Aniversarios, Corporativos, Tematicas, Pre/Post Boda, Primera Comunion, Presentacion 3 Anos, Confirmacion (proximamente). Cada una con SEO metadata propio.
Panel Admin Multi-Empresa
Cada agencia de invitaciones gestiona sus propios clientes, eventos, plantillas y branding. Super-admin (LozPulse) ve todas las empresas. Roles scoped por company_id — imposible cross-tenant data leak.
Portal del Cliente con Login Custom
Los padres del bebe (o anfitriones del evento) tienen su propia URL `/mi-evento/[slug]` con auth bcrypt + cookies. Gestionan lista de invitados con RSVPs, deseos para el bebe, sugerencias de nombres con votacion publica.
Pagina Publica con Mapa, RSVP, Galeria, Musica
URL publica `/[slug]` — invitacion completa con datos del evento, mapa interactivo Leaflet (sin Google Maps API), QR code para imprimir, contador regresivo en tiempo real, formulario de RSVP, galeria de fotos con lightbox y musica de fondo.
Gestion de Plantillas y Branding por Empresa
Cada empresa puede subir su logo, definir colores corporativos, crear plantillas reusables y asignarlas a clientes. Sistema de plantillas con override por evento para flexibilidad.
Auth con Supabase + Custom Portal
Admin panel usa Supabase Auth con SSR. Portal del cliente usa auth custom (bcrypt + cookies HttpOnly + JWT corto) porque los anfitriones no son usuarios del sistema, son guests con acceso temporal.
Como se Ve
Catalogo de Eventos
Grid de 14 categorias con imagenes, descripcion y CTA. SEO metadata individual por categoria. Highlight de features especificas (mapa de XV, RSVP de boda, etc.).
Panel Admin · Eventos
Tabla de eventos por empresa con filtros, preview en tiempo real, gestion de invitados, deseos, nombres sugeridos. Server Actions para todas las mutaciones.
Portal del Cliente
Vista del anfitrion con dashboard de su evento: invitados (con export CSV), deseos del bebe, nombres con votos en vivo, configuracion publica.
Pagina Publica de Invitacion
Vista que reciben los invitados via WhatsApp: contador regresivo, mapa interactivo, RSVP, galeria, musica. Optimizado mobile-first.
Detalles Tecnicos
| Componente | Tecnologia |
|---|---|
| Framework | Next.js 16 App Router + React 19 |
| Lenguaje | TypeScript estricto |
| Estilos | Tailwind CSS 4 |
| Backend/BD | Supabase (PostgreSQL + Auth + Storage) |
| Auth dual | Supabase Auth (admin) + bcrypt + cookies HttpOnly (portal) |
| Mapas | Leaflet + react-leaflet (sin Google Maps) |
| Animaciones | Framer Motion |
| QR codes | qrcode.react |
| Validacion | Zod schemas centralizados |
| Despliegue | Vercel con ISR |
Resultados
14
Categorias de eventos
Si
Multi-empresa
100%
Pages SSG
90%+ trafico
Mobile-first
$499-$1,499 MXN
Pricing tiers
Servicios relacionados
¿Quieres construir tu propio SaaS multi-tenant en mercado mexicano?
Plataforma multi-empresa con admin, portal de cliente, pagos integrados y SEO optimizado — el patron tecnico esta probado.