Indonesia Store

Uma loja online trilíngue de comida indonésia e asiática na Noruega, construída sobre Shopify headless com Next.js, Supabase e Tailwind. Também tem um programa de fidelidade, um app de armazém e muito, muito macarrão!

Indonesia Store é a loja online da Scanesia, uma importadora norueguesa de comida indonésia e asiática desde 1991. Projetei e construí toda a plataforma em cerca de um mês: uma vitrine rápida em Next.js 16 (App Router, React 19, TypeScript, Tailwind CSS 4), com o Shopify cuidando do catálogo, do carrinho e do checkout nos bastidores. A loja fala três idiomas, norueguês, inglês e indonésio, com URLs localizadas, hreflang e tags de idioma renderizadas no servidor. O catálogo é gerenciado por código: escrevi scripts em Node.js sobre a Admin GraphQL API do Shopify para criar produtos, traduções, códigos de barras GTIN, preços por unidade e categorias de produto do Google. Isso deixa a loja pronta para o Google Merchant Center. Os clientes têm URLs de filtro limpas (/butikk/nudler/indonesia), um carrinho sincronizado com a Cart API do Shopify, opções de caixa para atacado e contas de cliente sem senha pela Customer Account API (OAuth com PKCE). Na parte de dados, transformei os rótulos de 150 produtos em dados estruturados: ingredientes, alérgenos e informações nutricionais em três idiomas, seguindo as regras europeias de rotulagem de alimentos. Tudo fica em um banco de dados Supabase (PostgreSQL) que uma futura loja B2B também vai usar. Também construí o "Banteng Coins", um programa de fidelidade sobre webhooks e metafields do Shopify, com pontos, recompensas, indicações e presentes de aniversário. Os e-mails rodam no Brevo: double opt-in, desconto de boas-vindas, carrinho abandonado e alertas de volta ao estoque. O blog usa os artigos nativos do Shopify com dados estruturados do tipo Recipe. Por trás da loja há um app interno de armazém com login por código enviado por e-mail e segurança em nível de linha (RLS) no Supabase. Cada novo pedido imprime automaticamente uma ficha do pedido e uma guia de remessa na impressora do armazém, e a equipe pode imprimir etiquetas de caixa de 10x15 cm em uma impressora térmica. Todos os PDFs são gerados com pdf-lib. Os toques finais: proteção contra bots com Vercel BotID, SEO com JSON-LD, sitemap, llms.txt e imagens Open Graph dinâmicas, e otimização de desempenho com um loader de imagens próprio para o Cloudinary e CSS inline. Até construí uma pequena ferramenta com sharp e a API de imagens da OpenAI que transforma fotos de celular em fotos de produto limpas, de estúdio. Minha parte favorita? Ver o primeiro pedido real se imprimir sozinho no armazém.