Saltar al contenido principal
Sitio corporativo + blog + herramientas2026

Bemorex — Sitio web de la agencia

Sitio de marca + blog SEO + suite de herramientas, migrado a Next.js como export estático

ClienteBemorex (producto propio)
RolFundador / Solutions Architect & Tech Lead
Año2026
Stack
Next.js 15.5 (App Router, output export)React 19TypeScript 5.7BunTailwind CSS v3Zustand 5Firebase Hosting/FirestoreGSAParquitectura hexagonal + SOLID

Sitio web oficial y de marca de la agencia Bemorex (Oruro): escaparate de marca y motor de captación de leads con home animado, páginas de servicios, portafolio, blog SEO de ~48 artículos y una suite de ~16 herramientas web gratuitas. Export 100% estático servido desde Firebase Hosting, con contenido principal en español de Bolivia.

01 El reto

Migrar un SSG propio (bemorex-engine) a Next.js 15 manteniendo paridad visual (port, no rewrite) de un tema de agencia pesado (GSAP, jQuery, WebGL), sin backend ni CRM, y convivir en el mismo proyecto con una plataforma de herramientas moderna sin romper el tema en vivo.

02 La solución

Diseñé una arquitectura MPA estática con una ruta catch-all que enumera ~188 rutas y reconstruye el markup/CSS/JS del tema para ejecutarse en orden. Para la suite de herramientas implementé arquitectura hexagonal (ports & adapters) + SOLID: dominio puro testeado, casos de uso, adapters de infraestructura, inyección de dependencias manual y estado con Zustand, todo client-side y bilingüe. Añadí SEO técnico integral y endurecimiento de seguridad.

03 Lo destacado

  • ~188 rutas estáticas migradas con paridad visual (port verbatim)
  • Blog SEO de 48 artículos en español (E-E-A-T)
  • Suite de ~16 herramientas web bilingües, 100% client-side
  • SEO técnico: JSON-LD, hreflang es-BO/en, sitemap, IndexNow
  • Arquitectura hexagonal + SOLID con dominio puro testeado (Bun)
  • Analítica multi-proveedor (GA4, Meta Pixel, Clarity + propia) y CSP/HSTS

04 Galería

IconHablemos de tu proyecto!