PlanoBinario
[ SYSTEM ] / SOFTWARE / emilio-minkov

Emilio Minkov: Personal Operating System with WebGL & Interactive Graphs

Server-first digital ecosystem: resvg pre-rendered OpenGraph, interactive knowledge graphs (D3 force), WebGL visuals and MDX content.

Astro Three.js D3.js MDX Resvg
Visit Website
Emilio Minkov: Personal Operating System with WebGL & Interactive Graphs

Computational Digital Identity

Beyond a portfolio, EmilioMinkov.com is a personal operating system published as a website: manifesto, access kernel, knowledge graphs, wiki (atlas), logbook, technical essays, systems/software section and stack — all orchestrated on Astro with MDX content and deployed on the Cloudflare ecosystem.

Visuals and Data Physics

  • Three.js (WebGL): geometric scenes and interactive visuals rendered by the GPU without compromising the server-first delivery.
  • D3 force (d3-force + d3-drag): knowledge nodes and projects are not listed in tables: they behave like physical entities the user can drag, with algorithmic gravity simulations.
  • GSAP and Framer Motion for the micro-interaction and transition layer.

Pre-rendered OpenGraph with Resvg

Every static page of the system —manifesto, letters, systems, wiki, feed…— has its own OpenGraph card at /og/[...path].png. The endpoint is resolved at build time (prerender): the typographic SVG is composed and rasterized to PNG with @resvg/resvg-js, so every card reaches the CDN already finished, with zero runtime cost when served.

Technical Content

  • Editorial prose: carefully chosen typefaces (EB Garamond, Inter, variable JetBrains Mono and Fira Code) and math rendered with KaTeX over Markdown/MDX.
  • Diagrams: Mermaid for architectures inside content.
  • Local search: pre-generated index at build time (scripts/ops/generate-search-index.mjs) consumed with Fuse.js — zero external search services.
  • RSS feeds for essays and the logbook, astro-seo with JSON-LD (schema-dts) and URL submission to search engines via IndexNow during deployment.

Authentication and Server Actions

The system keeps sessions with Supabase SSR over Drizzle/PostgreSQL, and interactions (forms, preferences, access) are resolved with Astro Actions; transactional email is sent through Resend. No improvised payment layers: the infrastructure does exactly what the page declares.

EmilioMinkov.com proves a personal site can operate like a product: typed content, code-generated social images and data that behaves like physics.