Colophon
Cómo se hizo este sitio
El stack, las decisiones, los errores y las cosas que funcionaron de pura suerte.
20+
Páginas
~1s
Build time
0 KB
JS del framework
99
Lighthouse Performance
Pocas
Dependencias
Eliminado
jQuery
Tech Stack
Las herramientas
Astro 5
FrameworkStatic site generation. Zero JS by default. Build time: ~1 segundo. Sí, uno.
Tailwind CSS v4
EstilosCSS-first config. Utility classes. Dark theme. Sin un solo archivo .css custom... bueno, casi.
TypeScript
LenguajeStrict mode activado. "Si no tiene tipos, no existe" — política oficial del equipo.
Font Awesome 6
IconosCDN. Free tier. 2,000+ iconos. Usamos como 40. Pero es bueno tener opciones.
Three.js
3D GlobePara el globo 3D de tecnologías en Servicios. Porque una lista era muy aburrida.
GitHub Actions
CI/CDBuild + deploy automático en cada push a main. Toma ~45 segundos. Antes tomaba "cuando Siccha se acordara."
AWS S3 + CloudFront
HostingStatic hosting en S3. CDN global con CloudFront. HTTPS. Cuesta menos que un café al mes.
Neovim
Editor (Siccha)Sí, todo el sitio fue escrito en Neovim. No, no vamos a discutir sobre editores. Otra vez.
Filosofía
Los principios (no de Paulo)
Zero JavaScript (casi)
Astro envía 0 KB de JS por defecto. Solo cargamos lo mínimo: scroll reveals, el globo 3D, y los easter eggs. El resto es HTML y CSS puro.
Performance primero
El sitio entero pesa menos que una foto de Instagram. Lighthouse score: sí. Build time: 1 segundo. No hay excusas para sitios lentos.
Dark mode only
No hay light mode. No lo necesitamos. No lo queremos. El equipo votó unánimemente. Fue la única votación unánime en la historia.
Todo en español
El contenido es 100% en español. Los términos técnicos se quedan en inglés porque "despliegue continuo" suena raro.
Component-driven
Todo es un componente Astro. Los datos viven en frontmatter como arrays de JS. No hay CMS, no hay base de datos. Solo código.
Easter eggs everywhere
Hay cosas escondidas por todo el sitio. Algunas las encuentras fácil. Otras requieren paciencia. Una requiere hacer click 5 veces.
Evolución
El viaje del stack
HTML + CSS + jQuery
Era horrible. Pero era nuestra.
React SPA
3MB de bundle. Para una landing page.
Next.js
Server-side rendering para un sitio estático. Overkill.
Astro 5
Finalmente. HTML primero. 1 segundo de build. Paz interior.
Código Privado
Este sitio no es open source. El código vive en un repo privado, protegido por Siccha, sus pipelines y una cantidad razonable de paranoia. Si quieres saber cómo funciona, esta página es lo más cerca que vas a estar.
Este sitio fue construido con amor, café y una cantidad preocupante de git push --force.
No se dañaron filósofos en el proceso. Paulo no fue consultado sobre la sección de principios.