Tecnología, decisiones y aprendizaje detrás de nuestro producto
En Skäply creemos que el montaje de muebles debe ser simple, intuitivo y accesible para todos. Esa idea nos obligó a diseñar no solo una experiencia de usuario fluida, sino también una arquitectura técnica sólida, escalable y fiable.
Hoy queremos enseñar cómo está construido Skäply por dentro: las decisiones tecnológicas que tomamos, por qué usamos 3D, qué infraestructura soporta la aplicación y qué aprendizajes surgieron durante el desarrollo, en definitiva, la tecnología detrás de Skäply.
Frontend: Angular + TailwindCSS para una experiencia fluida, modular y mantenible
Elegimos Angular + TailwindCss para el frontend por tres motivos principales:
- Estructura robusta para un proyecto grande: Skäply no es solo una página: incluye la landing, la web app, el panel de usuario y una navegación compleja. Angular nos aporta una arquitectura modular y clara que evita el desorden a medida que crece el proyecto.
- Tipado fuerte y estabilidad: Typescript nos permite detectar errores antes de que lleguen a producción y mantener el código de forma más segura
- Ecosistema y herramientas: Angular CLI, formularios reactivos y su sistema de rutas encajaron perfectamente con la complejidad del producto. Así como su sistema de componentes que favorece la reutilización del código. Además tailwindCss facilita mucho la vida a la hora de lidiar con estilos por su sintaxis intuitiva y optimizada para escribir el menor código posible.
Backend: Node.js + TypeScript para velocidad y consistencia
El backend está construido en Node.js con TypeScript, lo que nos permite:
- Mantener coherencia entre frontend y backend (todo en TS).
- Tener un API rápido y ligero.
- Escalar servicios fácilmente.
- Incorporar middlewares para control de errores, seguridad y autenticación.
Nuestro API se encarga de gestionar usuarios, montajes, consultas del chatbot, estadísticas, sincronización y más.
Base de datos: PostgreSQL autogestionado (y por qué dejamos Supabase)
Comenzamos usando Supabase, ya que es una solución rápida y basada en PostgreSQL, perfecta para prototipos.
Pero aprendimos algo importante: Supabase nos limitaba en almacenamiento
El almacenamiento disponible era muy pequeño para nuestra necesidad (especialmente imágenes, modelos 3D y logs técnicos).
También tuvimos interrupciones puntuales del servicio que hacían caer el API. Por eso decidimos autogestionar nuestra propia base de datos PostgreSQL en nuestro VPS. Esto nos dio:
- Control absoluto
- Más capacidad
- Estabilidad
- Mejor rendimiento
- Posibilidad de optimizar la base según nuestro caso de uso
Infraestructura: dos VPS en Ubuntu + Apache + proxy inverso
VPS 1 — Servidor principal
Aloja:
- El API
- El frontend
- La landing
- El WordPress con la web corporativa, blog, etc
- Certificados SSL
- Apache con proxy inverso
VPS 2 — Servidor secundario
- Entorno de pruebas
- Monitorización del servidor principal mediante la herramienta nagios
- Tests de carga y experimentación
El uso de Ubuntu + Apache + proxy inverso nos permite:
- Servir Angular y WordPress desde el mismo dominio.
- Controlar las rutas y distribuir tráfico limpiamente.
- Mejorar seguridad y rendimiento.
¿Por qué usamos 3D?
En Skäply queremos que el montaje sea intuitivo y sin errores, y el 3D nos permite mostrar cada paso de forma clara. Actualmente usamos Three.js para visualizar y animar los muebles, permitiendo:
- Ver el mueble desde cualquier ángulo
- Mostrar cómo encajan las piezas con animaciones simples
- Reducir confusiones típicas de los manuales en papel
- Entender cómo se arma el mueble antes siquiera de tocar un destornillador.
En el segundo cuatrimestre desarrollaremos nuestro propio motor 3D con WebGL, lo que nos dará más rendimiento, control y una experiencia totalmente adaptada al montaje de muebles.
Nuestro chatbot: DialogFlow + ElevenLabs (voz personalizada)
Queríamos un asistente que no solo respondiera preguntas, sino que acompañara al usuario durante el proceso. Por eso creamos un chatbot híbrido:
Procesamiento de lenguaje natural con DialogFlow:
- Permite entender instrucciones del usuario
- Resolver dudas de montaje
- Responder sobre materiales, herramientas y pasos
- Gestionar conversaciones contextuales
Voz natural con ElevenLabs
Integramos text-to-speech con ElevenLabs para que nuestro asistente tenga una voz única y clara, personalizada para encajar con el tono de Skäply. Esto mejora la accesibilidad, especialmente para montajes donde el usuario no puede estar tocando el móvil constantemente.
Lo que aprendimos en el proceso
- Que las soluciones “fáciles” como Supabase sirven para prototipos, pero no para producción si necesitas estabilidad real.
- Que gestionar tus propios servidores te da control, pero exige monitorización continua.
- Que el 3D aumenta muchísimo la usabilidad si se diseña con ergonomía y claridad.
- Que una buena arquitectura inicial evita problemas cuando el proyecto crece.
- Que la voz del chatbot mejora la experiencia más de lo que esperábamos.
Sigue nuestros avances en este blog y síguenos en nuestras redes sociales.
