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

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.