Diario Espacial

Entradas de registro desde la órbita

Notas sobre la tecnología detrás de este sitio, escritas por la persona que lo construyó — GSAP y movimiento guiado por scroll, shaders WebGL escritos a mano, una técnica de renderizado híbrido CSS3D, la arquitectura de exportación estática de Next.js, y el resto del stack, una entrada de registro por tema.

ANIMACIÓNLOG 01

GSAP y Animación Guiada por Scroll

Cómo GSAP impulsa el movimiento ligado al scroll y la navegación entre secciones en mis proyectos — desde revelaciones con ScrollTrigger hasta un sistema de scroll totalmente personalizado guiado por cámara.

RENDERIZADOLOG 02

WebGL y Three.js

Shaders GLSL escritos a mano y escenas de Three.js para experiencias web 3D a medida — nebulosas, campos de estrellas e iluminación en tiempo real, construidas desde cero en lugar de ensambladas a partir de una plantilla.

TÉCNICALOG 03

Renderizado Híbrido CSS3D + WebGL

Contenido DOM real y accesible colocado dentro de una escena WebGL 3D genuina usando el CSS3DRenderer de Three.js — el texto sigue siendo seleccionable y rastreable incluso mientras orbita en el espacio 3D.

FRAMEWORKLOG 04

Next.js y Exportación Estática

Next.js App Router compilado a un sitio totalmente estático — output: 'export' — sin proceso de servidor, sin arranques en frío y sin nada que parchear a las 2 de la madrugada.

LENGUAJELOG 05

React y TypeScript

Cada componente, hook y módulo compartido aquí está tipado de principio a fin — detectando incompatibilidades de forma de estado entre sistemas independientes antes de que se publiquen, no después.

ESTILOSLOG 06

Tailwind CSS v4 en Producción

Tailwind v4 para un trabajo de maquetación rápido y consistente — combinado con CSS escrito a mano para las partes (apilamiento 3D, overlays de shaders personalizados, animación por keyframes) que necesitan un control a nivel de píxel que una clase de utilidad no puede expresar.

INFRAESTRUCTURALOG 07

Despliegue en Cloudflare Pages

Builds estáticos enviados directamente a la red de borde de Cloudflare vía Wrangler — tiempos de primer byte rápidos en todo el mundo, y nada en ejecución que necesite una factura de servidor o un calendario de parches.

ESTRATEGIALOG 08

Ingeniería de Rendimiento y SEO

Datos estructurados, mapas de sitio y metadatos semánticos tratados como parte del build desde el primer día — no como una lista de comprobación que se repasa la semana antes del lanzamiento.