Arquitetando o ecommerce de um artista
Audrey é um artista independente que precisava expor séries autorais e vender edições limitadas sem depender de equipes externas. Desenhei uma solução ponta a ponta que combina Directus, Next.js, Supabase e Traefik, criando um pipeline em que ele cadastra uma nova obra e minutos depois a peça está à venda com pagamentos Stripe e SEO prontos.
Objetivos
O cenário original era um artista sem homepage. Minha missão foi entregar uma plataforma facil para um usuário sem conhecimento em tecnologia utilizar e para mim, ser headless e facil de cosntruir com Vibe coding e as ferramentas opensources que conheço: backend abriga um Directus com PostgreSQL, frontend roda em Next.js e o docker-compose.yml orquestra tudo atrás do Traefik. O requisito central era permitir que Audrey cadastrasse obras, coleções e séries de forma autônoma e que o go-live fosse rápido.
Solução (stack)
- Camada de conteúdo: Directus com coleções
obras,conjunto,serieprincipalmente. Utilizei também alguns singletons para parametrizar valores de título, redes sociais. - Frontend: Next.js usando rotas para vitrines e detalhe de obras.
- Integração: Supabase Edge Function dispara Stripe Checkout; retorno pós-pagamento atualiza o catálogo automaticamente.
- Orquestração: Docker Compose + Traefik expõem
audreymelo.comeapi.audreymelo.comcom certificados automáticos. - DNS: Registros A/CNAME dedicados para produção e staging
Experiência do artista
O painel Directus oferece formulários simples para obras, incluindo preço, técnica, série, galerias e status de estoque. Um webhook dispara a invalidação do cache no Next.js, então a obra passa a aparecer na home, em listas de coleções e no feed RSS. No checkout, o cliente vai para o Stripe, e o pedido é gravado em Supabase para relatórios futuros.
"Meu foco foi permitir que Audrey publique sem tocar em código: ela cria uma obra no Directus, e a solução faz o resto."
Resultados
- Publicação de novas obras em minutos, sem me acionar.
- Checkout seguro com Stripe e registro de pedidos centralizado.
- SEO e performance de carregamento (~1s) que elevam a descoberta orgânica.