Volver a proyectos
UI/UX
DemoFactory
Portafolio de proyectos UI/UX con demos interactivas de alta fidelidad
Astro 7.xTypeScriptTailwind CSS v4MapLibre GLSharp
Qué resuelve
- Necesidad de una estructura base para construir múltiples demos de sitios web dentro de un solo proyecto.
- Mantener cada demo aislada, organizada y fácil de escalar.
- Soporte de internacionalización (i18n) para español e inglés.
Características clave
- Estructura aislada de demos (cada demo en su propia subcarpeta bajo
src/demos/). - Soporte de internacionalización (i18n) para español e inglés.
- Sistema de contenido basado en Markdown para textos de demo.
- Layout compartido y estilos globales entre demos.
- Manejo de rutas por idioma.
- Arquitectura escalable para añadir nuevas demos.
Decisión técnica
- Priorizar el aislamiento entre demos para facilitar el mantenimiento y la escalabilidad.
- Usar Astro como framework base por su enfoque estático y rendimiento.
- Tailwind CSS v4 para estilos consistentes y reutilizables.