sn4pe
← Proyectos

sn4pe.com

Portfolio + blog con terreno voxel procedural en la home.

next.jsreacttypescriptthree.jstailwindmdx

Por qué#

Llevaba años sin tener un sitio personal serio. Quería un espacio donde mostrar trabajo y escribir notas técnicas, sin las restricciones de Twitter o Medium.

Decisiones técnicas#

  • Next.js 16 + App Router: SSG para todo lo que pueda, SSR solo si lo necesito
  • Tailwind v4: theme tokens en CSS vars, modo claro/oscuro vía data-theme
  • MDX para posts y proyectos: componentes interactivos embebidos en prosa
  • Three.js para el avatar: terreno voxel con FBM + biomas, renderer instanciado para mover ~5k bloques visibles
  • Sin tracking, sin cookies, sin newsletter intrusiva

Lo más interesante#

El generador de terreno se merece su propio post — está aquí.