Emilio Minkov: Sistema Operativo Personal con WebGL y Grafos Interactivos
Ecosistema digital server-first: OpenGraph pre-renderizado con resvg, grafos de conocimiento interactivos (D3 force), visuales WebGL y contenido MDX.
Identidad Digital Computacional
Más allá de un portafolio, EmilioMinkov.com es un sistema operativo personal publicado como web: manifiesto, kernel de acceso, grafos de conocimiento, wiki (atlas), bitácora, ensayos técnicos, sección de sistemas/software y stack — todo orquestado sobre Astro con contenido MDX y despliegue en el ecosistema Cloudflare.
Visuales y Física de Datos
- Three.js (WebGL): escenas geométricas y visuales interactivos ejecutados por GPU, sin comprometer la entrega server-first.
- D3 force (
d3-force+d3-drag): los nodos de conocimiento y los proyectos no se listan en tablas: se comportan como entidades físicas que el usuario puede arrastrar, con simulaciones de gravedad algorítmicas. - GSAP y Framer Motion para la capa de microinteracciones y transiciones.
OpenGraph Pre-renderizado con Resvg
Cada página estática del sistema —manifiesto, cartas, sistemas, wiki, feed…— tiene su propia tarjeta OpenGraph en /og/[...path].png. El endpoint se resuelve en build (prerender): se compone el SVG tipográfico y se rasteriza a PNG con @resvg/resvg-js, de modo que toda tarjeta llega al CDN ya terminada, sin coste de ejecución en el momento de servirla.
Contenido Técnico
- Prosa académica: tipografías cuidadas (EB Garamond, Inter, JetBrains Mono variable y Fira Code) y matemáticas renderizadas con KaTeX sobre Markdown/MDX.
- Diagramas: Mermaid para arquitecturas en el contenido.
- Búsqueda local: índice pre-generado en build (
scripts/ops/generate-search-index.mjs) consumido con Fuse.js — cero servicios externos de búsqueda. - RSS de ensayos y bitácora,
astro-seocon JSON-LD (schema-dts) y envío de URLs a buscadores vía IndexNow durante el despliegue.
Autenticación y Acciones de Servidor
El sistema mantiene sesión con Supabase SSR sobre Drizzle/PostgreSQL, y las interacciones (formularios, preferencias, acceso) se resuelven con Astro Actions; el correo transaccional sale por Resend. Sin capas de pago improvisadas: la infraestructura hace exactamente lo que la página declara.
EmilioMinkov.com demuestra que un sitio personal puede operar como un producto: contenido tipado, imágenes sociales generadas por código y datos que se comportan como física.