¿Qué es Limbo Platform?
Limbo es una plataforma completa para gestión, procesamiento y distribución de assets digitales que consta de dos componentes principales que trabajan en conjunto:
API Limbo
Backend - Symfony 7- ✅ Gestión de Assets con UUID y metadata
- ✅ Autenticación JWT multi-tenant
- ✅ Pipeline de Imágenes WebP + variantes
- ✅ URLs Firmadas para entrega segura
- ✅ Integración IA/Stock vía Atenea
- ✅ Colas Redis para procesamiento asíncrono
Component-Limbo
Frontend - React 19- ✅ UI Embebible en cualquier tecnología
- ✅ Múltiples Formatos UMD, ESM, CJS
- ✅ Modos Configurables Modal, Embed, Button
- ✅ Auto-Inputs HTML con datasets
- ✅ Cropper Integrado con presets
- ✅ Eventos DOM personalizados
🏗️ Arquitectura de la Solución
La arquitectura de Limbo sigue principios SOLID y hexagonales, separando claramente las responsabilidades y permitiendo escalabilidad.
🌐 Frontend Layer
⚛️ Component-Limbo
🔧 API Limbo
🗄️ Infrastructure
🔄 Flujo de Trabajo Típico
Así funciona una integración típica de Limbo en tu proyecto:
🔑 Configuración Portal
Crea un portal en API Limbo con tus dominios, presets y políticas de formato.
Portal: "mi-sitio.com" + Public Key
📦 Instalación Component
Integra Component-Limbo en tu frontend usando UMD, ESM o CJS según tu stack.
<script src="https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.min.js"></script>
npm install limbo-component
# o
yarn add limbo-component
# o
pnpm add limbo-component
🎨 Configuración UI
Configura el component con tu Public Key, authMode y callbacks específicos.
import 'limbo-component/css';
import Limbo from 'limbo-component';
Limbo.configure({ publicKey: "pk_...", authMode: "session" });
Limbo.create({ container: "#gallery", mode: "modal" });
🚀 ¡Listo!
Tu sitio ya puede subir, procesar, recortar y gestionar imágenes automáticamente.
🎯 Casos de Uso Principales
Limbo está diseñado para cubrir múltiples escenarios de gestión de imágenes:
CMS Integration
WordPress, Symfony, Joomla con auto-inputs HTML automáticos.
Modern Apps
React, Vue, Angular con integración programática ESM.
Form Enhancement
Convertir inputs file en galerías completas automáticamente.
Image Cropping
Cropper standalone con presets de aspect ratio específicos.
AI/Stock Generation
Generar imágenes con IA o buscar en stocks desde la interfaz.
Multi-Portal
Gestión centralizada para múltiples sitios y organizaciones.
📚 Próximos Pasos
Ahora que entiendes cómo funciona Limbo, elige tu ruta de integración: