Saltar al contenido principal

Stack tecnológico

Creemos en elegir tecnología probada donde más importa y soluciones innovadoras donde marcan una diferencia real. Nuestro stack está optimizado para la experiencia del desarrollador, el rendimiento y la fiabilidad.

Frontend

  • Next.js 15 — Nuestro framework elegido para todas las aplicaciones web. El App Router nos da la flexibilidad que necesitamos con un excelente rendimiento de fábrica. Usamos exportación estática para el sitio de marketing y SSR para el tablero.
  • TypeScript — La seguridad de tipos no es opcional. Detecta errores antes de que lleguen a producción y hace la refactorización sin miedo. Combinado con Zod para la validación en tiempo de ejecución, obtenemos seguridad de tipos de extremo a extremo.
  • Tailwind CSS — CSS orientado a utilidades que mantiene nuestras hojas de estilo manejables y nuestros diseños consistentes. Nuestro sistema de diseño está construido sobre variables CSS para la tematización.
  • Framer Motion — Para animaciones que se sienten naturales y de alto rendimiento. Usado para transiciones de página, microinteracciones y animaciones de visualización de datos.

Backend e infraestructura

  • Cloudflare Pages y Workers — El despliegue con prioridad en el borde significa que nuestros usuarios obtienen respuestas rápidas sin importar dónde se encuentren. Workers maneja las solicitudes de API en el borde con tiempos de respuesta globales inferiores a 50ms.
  • Framework Hono — Framework de API ligero y rápido que se ejecuta en Workers. Patrones similares a Express con soporte completo de TypeScript y una sobrecarga mínima de arranque en frío.
  • Supabase — PostgreSQL con suscripciones en tiempo real, autenticación y almacenamiento. Las políticas de Row Level Security (RLS) aplican la multi-tenencia basada en equipos a nivel de base de datos.
  • Cloudflare KV — Almacenamiento clave-valor para limitación de velocidad, bloqueos de sesión y caché de datos a los que se accede con frecuencia.
  • Cloudflare R2 — Almacenamiento de objetos sin cargos de salida. Almacenamos capturas de pantalla, mapas de calor y fragmentos de reproducción de sesiones aquí.

Visualización

  • Mapbox GL JS — Impulsa nuestra visualización de globo 3D con interacciones suaves y cobertura global. Acelerado por WebGL para un rendimiento de 60fps.
  • Recharts — Gráficos limpios y componibles para nuestros tableros de analíticas. Lo usamos para gráficos de línea, barra, área y circular.
  • rrweb — Grabación y reproducción de sesiones. Captura mutaciones del DOM, movimientos del ratón e interacciones con datos sensibles enmascarados automáticamente.

Integraciones

  • Stripe — Pagos y suscripciones. Eventos de facturación impulsados por webhooks con aplicación automática de planes.
  • Resend — Entrega de correo electrónico transaccional. Usado para autenticación, informes y notificaciones.
  • Cloudflare Turnstile — Protección contra bots sin CAPTCHAs. Verificación invisible que no interrumpe a los usuarios.