Portal web para centralizar el acceso a contenido educativo digital adquirido, con autenticación y consumo de datos vía GraphQL.
Proyecto privado.
Contexto
Desarrollo de un portal web para centralizar el acceso a contenido digital adquirido por usuarios: seminarios, libros electrónicos y materiales educativos. La plataforma debía garantizar que cada comprador accediera únicamente a su contenido, de forma rápida y segura.
Solución
Se construyó un portal SPA con Nuxt 3 y Vue 3 (Composition API), gestión de estado global con Pinia e integración de datos vía GraphQL para un consumo eficiente. El acceso autenticado, la protección de rutas y el lazy loading de módulos garantizan que el contenido privado solo se cargue cuando corresponde.
Mi aporte
- Implementación de arquitectura basada en componentes con Vue 3 (Composition API)
- Gestión de estado global con Pinia
- Integración con API GraphQL para consumo eficiente de datos
- Implementación de autenticación y control de acceso al contenido
- Optimización de rendimiento en carga de módulos protegidos
- Configuración del entorno con Docker
Retos técnicos
- Manejo de estado entre sesiones autenticadas
- Cacheo eficiente de consultas GraphQL
- Protección de rutas y lazy loading de contenido privado
Resultados
- Centralización del acceso a contenido digital en una sola plataforma
- Mejora de la experiencia de usuario post-compra
- Reducción de carga innecesaria de datos mediante consultas GraphQL optimizadas
Stack tecnológico
Nuxt 3 · Vue 3 · TypeScript · Pinia · TailwindCSS · GraphQL · Docker