Sitio web de Renetik Music Apps
Diseñé y construí el sitio web de Music Apps como la capa de producto pública para toda la familia de aplicaciones. Creé su lenguaje visual, arquitectura de información, navegación, estructura de páginas responsivas, presentación de productos, enfoque de documentación y contenido, en lugar de implementar un diseño proporcionado.
El sitio es una aplicación independiente de VuePress 2 construida con Vue 3, TypeScript, Vite, Node.js, el tema Hope, diseños y componentes personalizados de Vue, y una capa de SCSS adaptada. El uso de Markdown y frontmatter estructurado permite mantener las páginas de productos, guías de funciones, tutoriales, capturas de pantalla, reseñas y acciones de la tienda sin necesidad de codificar cada página de forma estática.
Los contenidos multimedia en formato WebP optimizado, las galerías a pantalla completa, la compatibilidad con vídeo, la búsqueda, las rutas de exploración (breadcrumbs), y las páginas de soporte y privacidad convierten al sitio tanto en un escaparate de productos como en una guía de usuario práctica. La compilación también gestiona las analíticas, las URL canónicas, los metadatos sociales, los mapas de sitio, los redireccionamientos y una experiencia 404 específica para el producto.
Integré el sitio generado bajo /app/ en el lanzamiento combinado de renetik.com. El portafolio orquesta y verifica el artefacto final, mientras que los repositorios web de Music Apps y del portafolio mantienen historiales independientes, lo que delimita explícitamente los límites sin duplicar el código fuente del sitio web.
Destacados
