cd ~/proyectos

// case study

Geko Marketing

2026 — presenteNext.js · TypeScript · Tailwind CSS · Framer Motion · GSAP · Stripe

Screenshot — Geko Marketing

// problema

Una agencia de marketing necesitaba una web que vendiera por sí misma: rápida, animada con gusto y con blog, pagos y landings gestionables sin CMS pesado.

// stack

Next.js (App Router, static export) + TypeScript strict + Tailwind CSS v4 + Framer Motion/GSAP + Lenis + Stripe.

// decisiones

  • Static export para hosting barato y TTFB mínimo; toda la interactividad en islas client bien delimitadas.
  • Sistema de animación centralizado (lib/animations.ts): easings y duraciones compartidas, useReducedMotion en todos los componentes animados.
  • RSC/Client split estricto: metadata y contenido en Server Components, interacción en leafs client.

// resultado

Web en producción para captación de clientes de la agencia, con blog activo y pasarela de pago operativa.