Shopify Headless Ecommerce con Next.js

Desarrollo completo de una tienda ecommerce headless utilizando Next.js como frontend y Shopify como backend.

El cliente necesitaba una tienda con diseño totalmente personalizado y performance superior, sin las limitaciones de los temas de Shopify, pero manteniendo la facilidad de gestión de contenido y productos desde el admin de Shopify.

Construí una arquitectura headless donde:

Frontend en Next.js conectado a Shopify via Storefront API y GraphQL

Contenido administrable desde Shopify usando Meta Objects, permitiendo al cliente editar secciones, banners y contenido dinámico sin tocar código

Catálogo completo con productos, variantes, colecciones y búsqueda

Checkout nativo de Shopify para mantener la seguridad y confiabilidad en el proceso de pago

El proyecto incluye dos flujos de automatización:

Creación de productos con IA: un flujo en n8n que recibe un prompt y la imagen del producto, genera la descripción, tags y metadata, y crea el producto directamente en Shopify

Chatbot de stock: un bot que consulta el inventario en tiempo real y responde a los clientes según disponibilidad de productos

Next.js, React, Shopify Storefront API, GraphQL, Meta Objects, n8n, Tailwind CSS