erikghandClaude Opus 5
7df0933709
Medido sobre el export estático: la página pedía 2.067 kB antes de que el visitante moviera un dedo, y 1.243 de ellos eran las seis fotografías del recorrido. `loading="lazy"` no salvaba nada, porque el umbral de distancia de Chrome se traga una sección que empieza por debajo de los 2.000px. Ahora la escena solo monta su fotografía cuando el escenario está a menos de pantalla y cuarto, y solo la de la escena activa y sus vecinas. La siguiente entra en el documento una escena antes de hacer falta, que da tiempo de sobra a llegar. Carga inicial: 2.067 kB → 821 kB, con cero imágenes del recorrido. El resto llega repartido según avanzas. Verificado escena por escena en el export: 2 o 3 imágenes montadas a la vez, todas cargadas. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
creeer
Landing page one-page para creeer, marca personal de una estratega de crecimiento. Next.js 14 (App Router) + TypeScript + Tailwind CSS + Framer Motion, exportada como sitio estático.
Requisitos
- Node.js 20+
- pnpm 11+ (
corepack enable)
Comandos
pnpm install # instalar dependencias
pnpm dev # servidor de desarrollo (http://localhost:3000)
pnpm build # build estático → out/
pnpm test # tests (Vitest)
pnpm lint # ESLint
Estructura
app/ # App Router (layout, page, globals.css)
components/
primitives/ # Wordmark, Container, CTA (reutilizables)
sections/ # Hero, FraseAncla, ParaQuien, Mecanismo, Disciplinas, Estratega, Cierre, ComoEmpezar
layout/ # Header, Footer
lib/
content.ts # todo el copy (source of truth)
motion.ts # variantes Framer Motion + reduced-motion
docs/ # spec, plan, directrices de marca
Decisiones de diseño
Ver docs/dueña-directrices.md (directrices de marca) y docs/superpowers/specs/2026-07-20-creeer-landing-design.md (spec completo).