📄 Project: Digital Manifesto / One-Page Transformation
Concepto:
Transformación de un documento estático («The Paper» / manifiesto.md) en una experiencia web inmersiva de una sola página (SPA), priorizando la velocidad de carga extrema y la tipografía fluida.
Arquitectura Técnica:
El proyecto abandona el renderizado en servidor (SSR) en favor de una arquitectura Client-Side ultra-rápida construida sobre Vite, diseñada para ser desplegada como activos estáticos puros.
Tech Stack (Basado en el repositorio):
- Build Engine: Vite (vite.config.ts)
- Seleccionado por su Hot Module Replacement (HMR) instantáneo y su capacidad para empaquetar código (dist) de manera mucho más eficiente que Webpack. Garantiza puntuaciones de Lighthouse cercanas a 100/100 en «Performance».
- Lenguaje: TypeScript (tsconfig.json)
- Implementación de tipado estricto para asegurar la robustez del código. Se utiliza para parsear la lógica de la interfaz y garantizar que no haya errores en tiempo de ejecución al renderizar el contenido del manifiesto.
- Estilizado: Tailwind CSS (tailwind.config.js + postcss.config.js)
- Sistema de diseño «Utility-First». Permite una construcción rápida de la UI con un bundle size mínimo, ya que PurgeCSS elimina los estilos no utilizados en el build final.
- Gestión de Contenido: Markdown (manifiesto.md)
- Single Source of Truth: Todo el contenido del «paper» reside en un archivo Markdown crudo.
- La aplicación lee este archivo y lo hidrata dinámicamente en el DOM, permitiendo que los escritores editen el texto sin tocar una sola línea de código React/JS.
Flujo de Despliegue (dist/):
El resultado final es una carpeta dist agnóstica. No requiere servidores Node.js. Puede ser alojada en cualquier CDN (Vercel, Netlify, AWS S3) con un coste de infraestructura cercano a cero.
