Pavel Mustelier
Pavel Mustelier es el sitio oficial del escritor cubano Pavel R. Mustelier Zamora, autor del ciclo de fantasía épica «Sonrisas de Acero». 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 el título de la saga, una cita y doble llamada a la acción que enlaza con la trilogía y con el mundo de Ansea; una página «La Trilogía» que presenta los tres tomos —Haslagán (publicado), Cierzo Gris (próximamente) y el tomo final (en escritura)— con portadas por edición, año, sello editorial y sinopsis; fichas de obra individuales con su ficha bibliográfica, ediciones (Letras Cubanas en La Habana e Ingentis en Madrid), ISBN y enlaces de compra; una sección «Ansea» concebida como dramatis personae, una galería de personajes creíbles y complejos del mundo de la saga; una página «El Autor» con biografía, ficha y trayectoria del escritor; y una página de contacto. La identidad visual sigue una dirección de arte editorial y pulp —papel blanco, tinta negra y un acento rojo sangre, con tipografía display tallada (Cinzel) y serif de lectura (Crimson Pro)— reforzada con animaciones de entrada, marquesinas con los nombres de los capítulos y reveals al hacer scroll. Toda la estructura está pensada para SEO, con metadatos Open Graph, datos por tomo modelados como datos tipados 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 paper, ink y blood). Las animaciones e interacciones se resuelven con Motion (transiciones de entrada, reveals al scroll y marquesinas infinitas con los nombres de los capítulos), combinadas con utilidades como clsx y tailwind-merge para componer clases de forma segura. La tipografía se carga optimizada con next/font (Cinzel y Crimson Pro) y el catálogo de libros, las ediciones, las citas y los personajes se modelan como datos tipados. La arquitectura se organiza en componentes cohesivos y reutilizables por sección (Hero, TrilogyTeaser, WorldTeaser, AuthorTeaser, Testimonials, QuoteBand) con páginas teaser 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, ediciones, citas y personajes— 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. La compra de los libros se resuelve enlazando directamente con las editoriales (Ingentis) y Amazon, y el contacto mediante canales directos (Instagram y WhatsApp) expuestos en la interfaz, lo que reduce costos de infraestructura, simplifica el despliegue y maximiza la velocidad y disponibilidad del sitio.
- none