🌺

Conectar con WordPress/WooCommerce

Sigue estos pasos para conectar tu tienda con WordPress y WooCommerce usando GraphQL.

Estado Actual
Sin conectarEl frontend está listo, pero necesita conectarse a WordPress/WooCommerce
1
Instalar WordPress y WooCommerce

Asegúrate de tener WordPress instalado con los siguientes plugins:

  • WooCommerce (plugin de tienda)
  • WPGraphQL (API GraphQL)
  • WPGraphQL WooCommerce (extensión para productos)

Sugerencia: Puedes instalar estos plugins desde el panel de administración de WordPress en "Plugins → Añadir nuevo".

2
Configurar Variables de Entorno

Crea un archivo .env.local en la raíz del proyecto con las siguientes variables:

# URL de tu endpoint GraphQL de WordPress
NEXT_PUBLIC_WORDPRESS_GRAPHQL_URL=http://tu-sitio.com/graphql

# Token de autenticación (opcional)
# WORDPRESS_AUTH_TOKEN=tu_token_aqui

# URL base del sitio
NEXT_PUBLIC_SITE_URL=http://localhost:3000

# Configuración de la tienda
NEXT_PUBLIC_STORE_NAME=Moda Brasileña
NEXT_PUBLIC_STORE_DESCRIPTION=Celebra la belleza de la cultura brasileña

Importante: Reemplaza http://tu-sitio.com con la URL real de tu instalación de WordPress.

3
Configurar WooCommerce

En tu panel de WordPress, configura WooCommerce:

  • Añade productos a tu tienda
  • Configura categorías de productos
  • Establece precios y stock
  • Sube imágenes de productos
4
Reiniciar la Aplicación

Después de configurar las variables de entorno, reinicia el servidor de desarrollo:

pnpm dev

Tu tienda debería ahora mostrar los productos de tu WordPress/WooCommerce.

Recursos Adicionales
Plugin WPGraphQLWPGraphQL WooCommerce