Yoss
Yoss es el sitio oficial del escritor cubano José Miguel Sánchez Gómez (Yoss), autor de ciencia ficción y fantasía premiado internacionalmente. El proyecto es una web editorial de marca personal, construida como sitio estático de alto rendimiento, que articula varias secciones independientes y coordinadas: una portada (Hero) con su nombre, tagline y doble llamada a la acción; una sección de servicios de asesoría literaria que detalla revisión ortográfica, estructuración dramatúrgica, reordenamiento de cuentos, rectificación de ritmo novelístico, apuntalamiento de personajes y edición final; un catálogo de obra con más de cuarenta libros filtrable por género (ciencia ficción, fantasía, terror, juvenil, ensayo y antología), donde cada título muestra portada, año, premio y sinopsis; una página "Sobre" con biografía, premios y estadísticas animadas; una sección "Otra vida" dedicada a su faceta como vocalista de la banda de heavy metal Tenaz y practicante de artes marciales; una página de prensa con entrevistas y reseñas seleccionadas (LA Review of Books, Restless Books, Remezcla, Words Without Borders, La Jiribilla); y una página de contacto con formulario de proyecto. La identidad visual sigue una dirección de arte rocker y pulp —negros profundos, rojo sangre y acentos en cian eléctrico, con tipografía display tallada (Cinzel), serif de lectura (Lora) y sans humanista (Inter)— reforzada con animaciones de entrada, marquesinas, partículas y contadores numéricos. Toda la estructura está pensada para SEO, con metadatos Open Graph, datos estructurados y renderizado en servidor.

Tecnologías usadas:
Front End:
Stack moderno orientado a rendimiento y SEO. Next.js 16 con App Router y React 19 Server Components reduce el JavaScript enviado al cliente y permite renderizar en servidor un sitio mayormente estático, mejorando Core Web Vitals e indexación. TypeScript garantiza tipado de extremo a extremo y Tailwind CSS 4 centraliza el sistema de diseño con tokens personalizados (paleta ink, bone, blood y teal). Las animaciones e interacciones se resuelven con Motion (transiciones de entrada, marquesinas infinitas, contadores numéricos y efectos de partículas), combinadas con utilidades como clsx y tailwind-merge para componer clases de forma segura. La tipografía se carga optimizada con next/font (Cinzel, Lora e Inter) y el catálogo de libros se modela como datos tipados, filtrable por género en el cliente. La arquitectura se organiza en componentes cohesivos por sección (Hero, Services, Books, About, OtraVida, Press, Contact) con páginas teaser reutilizables en la portada.
React
TypeScript
Next.js
Tailwind
Back End:
Este proyecto no tiene backend. Al tratarse de un sitio editorial estático, toda la información —biografía, catálogo de libros, premios, prensa y servicios— se modela como datos tipados en el propio repositorio y se sirve como HTML prerenderizado y assets estáticos desde Vercel, eliminando la necesidad de servidor, base de datos o API. El contacto se resuelve mediante canales directos (correo e Instagram) expuestos en la interfaz, lo que reduce costos de infraestructura, simplifica el despliegue y maximiza la velocidad y disponibilidad del sitio.
- none




