Compra y participación
Next.js, React y TypeScript para la experiencia pública: portafolios, selección de diseños, checkout, cuenta regresiva y estados de pago.
Next.js 14 · React 18 · TypeScriptNaya Fácil necesitaba algo más que una página de campaña: una plataforma capaz de vender, procesar pagos, emitir tickets y mantener la operación bajo control incluso cuando la atención se concentra en pocos minutos.
La experiencia pública permite elegir diseños, completar la compra y recibir los tickets asociados una vez confirmado el pago.
Naya Fácil es una plataforma de venta de diseños digitales de edición limitada vinculada a concursos. Desde el sitio público, las personas pueden explorar colecciones, seleccionar sus diseños y completar una compra.
El trabajo importante ocurre después del clic: validar identidad, iniciar el pago, confirmar el estado real con la pasarela, generar exactamente los tickets correspondientes, emitir la boleta y enviar la información al cliente.
Las campañas de Naya Fácil concentran una audiencia muy grande en ventanas cortas. En operación real, el proyecto ha superado 1 millón de solicitudes en tiempo real y más de 100.000 ventas por sorteo. Eso cambia por completo la forma de diseñar el sistema: una compra no puede duplicarse, un pago no puede depender de que el usuario mantenga abierta la pestaña y cada ticket debe existir una sola vez.
La arquitectura se diseñó alrededor de esa realidad: separar la experiencia pública, la lógica transaccional y el control interno para que cada parte pueda responder a su propio problema.
La solución separa la experiencia de usuario, la transacción y la administración. Eso permite crecer sin convertir todo en una sola aplicación difícil de controlar.
Next.js, React y TypeScript para la experiencia pública: portafolios, selección de diseños, checkout, cuenta regresiva y estados de pago.
Next.js 14 · React 18 · TypeScriptBackend NestJS con Prisma y PostgreSQL. Administra usuarios, compras, pagos, tickets, concursos, productos y eventos de pasarela.
NestJS 11 · Prisma · PostgreSQLDashboard interno para ventas, clientes, tickets, pasarelas, boletas, correos, alertas y operaciones que necesitan revisión.
Next.js 16 · React 19 · PrismaEl navegador inicia la experiencia, pero no es la fuente de verdad. La compra se confirma en el backend con el estado real del proveedor de pago.
El usuario escoge sus diseños desde los portafolios disponibles.
Se validan los datos necesarios para asociar correctamente la compra.
La operación se deriva a una pasarela habilitada para el entorno.
Webhook, polling o conciliación pueden informar el pago; el backend resuelve una sola finalización.
Los tickets se crean únicamente después de una confirmación válida y en la cantidad exacta de productos comprados.
Boleta, correo, enlaces de descarga y trazabilidad quedan asociados a la compra.
Una de las decisiones centrales del sistema fue sacar la confirmación del navegador. Si una persona paga y cierra la ventana, el backend todavía puede reconciliar la operación y terminarla correctamente.
Para evitar dobles emisiones, la finalización utiliza idempotencia y locks transaccionales por compra y por sorteo. Webhook, polling y cron pueden coincidir; una sola ejecución es la que emite.
El panel administrativo reúne las señales que el equipo necesita para saber qué está ocurriendo sin entrar directamente a la base de datos.
La plataforma no vive aislada. Pago, documentos, correo, protección y archivos se conectan al mismo flujo transaccional.
En Naya Fácil trabajamos la solución como un sistema completo: frontend público, backend transaccional, modelo de datos, pagos, tickets, panel administrativo, procesos post-compra, despliegue en contenedores y herramientas para probar la operación bajo carga.
El resultado no es una landing con un botón de pago. Es una plataforma preparada para acompañar campañas con audiencias masivas y mantener trazabilidad cuando la operación se vuelve intensa.
Podemos ayudarte a diseñar la experiencia, la transacción y la operación que existe detrás.
Cuéntanos tu proyecto ↗