¿Por qué headless?
Cuando Kafarnaom me contactó para crear su tienda online, el brief era claro: un sitio rápido, con un diseño único y una experiencia de usuario impecable. WordPress + WooCommerce clásico no era suficiente — el renderizado del lado del servidor de WordPress limitaba el rendimiento y la libertad creativa.
La arquitectura elegida
Opté por una arquitectura headless: WordPress/WooCommerce como CMS y gestión de productos (backend), y Next.js para el frontend. Esta separación ofrece varias ventajas:
- Rendimiento: SSR/SSG de Next.js genera páginas ultrarrápidas (Lighthouse 98/100)
- Flexibilidad de diseño: Libertad total en el renderizado
- SEO nativo: Next.js maneja el renderizado del servidor y las meta etiquetas nativamente
- Experiencia de desarrollo: React + TypeScript para código mantenible
Resultados
- Puntuación Lighthouse: 98/100
- Tiempo de carga: <1.5s
- Sitio entregado en 3 semanas