Indonesia Store

Una tienda online trilingüe de comida indonesia y asiática en Noruega, construida sobre Shopify headless con Next.js, Supabase y Tailwind. ¡También tiene un programa de fidelización, una app de almacén y muchísimos fideos!

Indonesia Store es la tienda online de Scanesia, un importador noruego de comida indonesia y asiática desde 1991. Diseñé y construí toda la plataforma en aproximadamente un mes: un storefront rápido en Next.js 16 (App Router, React 19, TypeScript, Tailwind CSS 4), con Shopify gestionando el catálogo, el carrito y el checkout por detrás. La tienda habla tres idiomas, noruego, inglés e indonesio, con URLs localizadas, hreflang y etiquetas de idioma renderizadas en el servidor. El catálogo se gestiona desde código: escribí scripts en Node.js sobre la Admin GraphQL API de Shopify para crear productos, traducciones, códigos de barras GTIN, precios por unidad y categorías de producto de Google. Así queda lista para Google Merchant Center. Los clientes tienen URLs de filtros limpias (/butikk/nudler/indonesia), un carrito sincronizado con la Cart API de Shopify, opciones de compra por caja para mayoristas y cuentas de cliente sin contraseña con la Customer Account API (OAuth con PKCE). En la parte de datos, convertí las etiquetas de 150 productos en datos estructurados: ingredientes, alérgenos e información nutricional en tres idiomas, siguiendo la normativa europea de etiquetado de alimentos. Todo vive en una base de datos Supabase (PostgreSQL) que también usará una futura tienda B2B. También construí "Banteng Coins", un programa de fidelización sobre webhooks y metafields de Shopify con puntos, recompensas, invitaciones a amigos y regalos de cumpleaños. Los emails funcionan con Brevo: doble opt-in, descuento de bienvenida, carrito abandonado y avisos de reposición. El blog usa los artículos nativos de Shopify con datos estructurados de tipo Recipe. Detrás de la tienda hay una app interna de almacén con login por código enviado al email y seguridad a nivel de fila (RLS) en Supabase. Cada pedido nuevo imprime automáticamente una hoja de pedido y un albarán en la impresora del almacén, y el equipo puede imprimir etiquetas de caja de 10x15 cm en una impresora térmica. Todos los PDF se generan con pdf-lib. Los toques finales: protección contra bots con Vercel BotID, SEO con JSON-LD, sitemap, llms.txt e imágenes Open Graph dinámicas, y optimización del rendimiento con un loader de imágenes propio para Cloudinary y CSS inline. Incluso construí una pequeña herramienta con sharp y la API de imágenes de OpenAI que convierte fotos hechas con el móvil en fotos de producto limpias, como de estudio. ¿Mi parte favorita? Ver cómo el primer pedido real se imprimía solo en el almacén.