Volver a Lumina
Arquitectura & Componentes
Detalle técnico del sistema de diseño, optimizaciones de rendimiento e integraciones disponibles en el kit.
Sistema de Diseño
Lumina utiliza un sistema de diseño atómico basado en tokens, lo que permite una personalización rápida y consistente sin tocar el núcleo.
Atomic Components
Botones, Inputs y Cards desacoplados para máxima reutilización.
Theme Tokens
Colores, tipografías y espaciados centralizados en config.
Performance Core
React Server Components (RSC)
Cero JavaScript en el cliente para contenido estático. Carga instantánea.
Image Optimization
Conversión automática a WebP/AVIF y lazy loading inteligente.
Edge Caching
Distribución global de contenido estático y dinámico.
Integraciones
Listo para conectar con los backends de e-commerce más populares o funcionar como Headless.
Shopify Storefront APIWooCommerce RESTStripeMercadopagoKlaviyo+ Custom CMS
Tech Stack
N.js
Next.js 14
App Router
TW
Tailwind CSS
Utility-first
FM
Framer Motion
Animations
TS
TypeScript
Type Safety