WordPress WooCommerce

Headless Starter Kit

Frontend Next.js 15 listo para usar para WooCommerce — autenticación JWT, carrito, checkout, ISR, despliegue Vercel o Hetzner en un comando.

Headless Starter Kit transforma tu tienda WooCommerce en comercio headless en pocos minutos. El plugin expone las API JWT y REST necesarias del lado de WordPress y entrega, en descarga directa desde el admin, un proyecto Next.js 15 completo preconfigurado con tus URLs y secretos.

Next.js 15 WooCommerce 8+ Compatible HPOS Vercel y Hetzner ready
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Headless Starter Kit
v1.0.0 · actualizado 2026-05-23
Qué hace

La versión corta.

01

Autenticación JWT auto-contenida

Login, refresh, /me, register, logout — sin dependencia de Composer ni librería de terceros (HS256 propio).

02

Carrito sin estado o en servidor

Modo JWT firmado para edge y multi-instancia, o WC_Session nativo para mantener la compatibilidad con tus extensiones WooCommerce.

03

Checkout WooCommerce intacto

Creación de un pedido real, hooks nativos disparados, redirección a la pasarela de pago existente (Stripe, PayPal, Mollie, etc.).

04

ISR bajo demanda

Webhooks sobre productos, categorías, pedidos, páginas. Next.js regenera sólo lo que cambia, sin cron ni rebuild completo.

05

Despliegue en un comando

Vercel zero-config o Hetzner mediante docker-compose y script bash incluidos. Variables de entorno pre-rellenadas.

06

Starter Next.js entregado en el ZIP

Tailwind 3.4, App Router, iron-session, páginas home, listado, ficha de producto ISR, carrito, checkout, login, registro, cuenta.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Headless Starter Kit, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

¿Por qué ir a headless?

Desacoplar el frontend del backend WordPress te aporta rendimiento (Core Web Vitals en verde gracias a ISR), flexibilidad de diseño (Tailwind y componentes React modernos) y seguridad (el back-office permanece invisible al público). Headless Starter Kit proporciona el puente listo, sin tener que reinventar autenticación, carrito ni checkout.

§ 02

Autenticación JWT sin dependencias

El plugin incorpora su propia implementación HS256 — sin Composer, sin librería de terceros, sin fork de simple-jwt-auth. Tokens de acceso de corta duración (60 min por defecto) y refresh tokens de larga duración (30 días), todos configurables. Los refresh tokens se guardan del lado Next.js en cookies httpOnly cifradas vía iron-session.

§ 03

Carrito: elige tu modo

Modo JWT (por defecto): el carrito entero se serializa en un token firmado devuelto vía la cabecera X-DFHSK-Cart. Sin base de datos involucrada, ideal para Vercel edge o multi-instancia. Modo server: el carrito vive en WC_Session nativo. Imprescindible si usas extensiones de WooCommerce que se enganchan al carrito (suscripciones, dynamic pricing, etc.).

§ 04

Checkout: todo WooCommerce sigue funcionando

El plugin no reimplementa el checkout. Crea un pedido WooCommerce real, dispara todos los hooks habituales (notificaciones, stock, impuestos, pasarelas de pago) y devuelve la URL de redirección a la pasarela. Stripe, PayPal, Mollie, transferencia, cheque — todo lo que funciona en WooCommerce funciona aquí.

§ 05

ISR sin quebraderos de cabeza

Cada vez que se modifica un producto, una categoría, una página o un pedido, el plugin envía un POST firmado a /api/revalidate de tu front Next.js. Tú decides en los ajustes qué eventos propagar y qué rutas o tags revalidar. Sin caché obsoleta, sin cron, sin rebuild completo.

§ 06

Starter Next.js incluido, listo para desplegar

El ZIP entregado contiene un proyecto Next.js 15 (App Router) completo: home, listado, ficha de producto ISR, carrito, checkout, login, registro, cuenta de cliente. Variables de entorno ya rellenadas con tus URLs y secretos de WordPress. Despliegue Vercel zero-config o Hetzner vía docker-compose y script bash.

§ 07

Diagnósticos integrados

Pestaña Diagnósticos en el admin de WordPress: 11 comprobaciones automáticas (WooCommerce activo, permaenlaces correctos, REST accesible, HTTPS, GraphQL detectado, secreto JWT definido, URL del front configurada, orígenes CORS válidos, token de revalidación, claves WooCommerce REST, modo carrito). Verde, naranja o rojo para identificar al instante qué bloquea.