1 min de leitura ·

Montei um e-commerce CUSTOM completo pro negócio da minha esposa em 7sete semanas usando AI da Opus 4.5 | Composer | GPT code + Next.js + Supabase

Resolvi dar um presente pra minha esposa que trabalha com artes visuais e papelaria (kits digitais, topo de bolo, essas coisas fofas) e montei um e-commerce do zero pra ela: https://www.linyarts.com.br/

O mais louco é que o projeto inteiro foi feito quase todo com ajuda da Opus 4.5 | Composer | GPT code. Eu dava o prompt, ela gerava componente por componente, página por página. Trabalhei tudo local na minha máquina com VSCode, sem copiar/colar código pronto de tutorial — tudo gerado sob medida.

Stack que usei:

Next.js 14 + TypeScript + Tailwind CSS
Supabase como banco (PostgreSQL) + Auth + RLS bem configurado
Queries direto via Supabase client (nada de backend separado)
Deploy automático no Vercel via GitHub
Pagamento com Mercado Pago (PIX) e download automático do produto digital logo após a confirmação

Principais funcionalidades que ficaram prontas:

Home com carrosséis automáticos de produtos em destaque e lançamentos
Busca fuzzy (aceita erro de digitação)
Painel admin completo com CRUD de produtos e categorias
Autenticação obrigatória pra acessar os produtos (desenvolvendo ainda o lance 'não sou ROBO')
Depois do PIX confirmado, libera download automático (disponibiliza o link no painel do usuário)
Tudo responsivo e com paleta pastel que combina com o estilo dela

Arquitetura bem simples e escalável: GitHub → Vercel (deploy instantâneo) → Supabase.

Site: https://linyarts.com.br/

Fonte: https://linyarts.com.br/

gabrielaff

11 dias atrás

Boa, É legal criar esse tipo de coisa.

Mas na pratica, No final das contas é melhor subir um wordpress com woocomerce pra lidar mais facil com os pagamentos e tudo mais.

nao desmerecendo seu trabalho, ficou muito bom, parabens, só to dizendo isso por que não é vergonha nenhuma usar uma solução open suorce pra facilitar a sua manutenção e garantir sua segurança, seus conhecimentos de dev pode ser usados para criar plugins e extencoes para essas ferramentas fazerem o que você quer. em vez de fazer o caminho das pedras de fazer tudo do zero.

PauloSampaio

Autor

11 dias atrás

Bom dia, brigadão pelo feedback!

Como não sou dev — e sim analista de infra / firewall / Linux — o que pensei foi criar uma estrutura do zero para conseguir fazer um ranking no Google Search de forma mais customizada.

Li em alguns fóruns de SEO que é necessário ter um template único. Então, se eu usar uma plataforma já pronta, onde diversos sites utilizam o mesmo template, provavelmente não terei sucesso nos metadados que almejo.

Quando construí esse mini-projeto, criei um PRD e arquivos .md para organização, porque a IA acaba “esquecendo” o que programou ao longo da janela de contexto de 220K.

Sobre os pagamentos, fiz a integração com base na API do Mercado Livre. Peguei a documentação, joguei na IA para estudar e fui desenvolvendo aos poucos.

Também analisei projetos abertos que utilizam APIs para entender melhor a estrutura de payloads e o fluxo de comunicação. Mesmo não sendo dev, consegui compreender a dinâmica.

O método de pagamento ficou simples: o cliente paga via PIX e, pronto, o link de download é liberado.

Decidi seguir esse modelo porque não quero armazenar informações de cartão no site. A ideia é coletar o mínimo possível de dados do cliente que adquirir a arte visual: e-mail e senha para cadastro, pagamento via PIX e nada além disso.

gabrielaff

10 dias atrás

Então ai vai uma dica de dev, qualquer pessoa pode usar as devtools no seu site, isso siginifica que tu não pode paasar nenhuma informação antes da hora, por exemplo sua api de pagamento expoem o link de download do arquivo antes do pagamento ser confirmado:

{
  "status": "pendente",
  "status_pagamento": "pending",
  "link_disponivel": false,
  "produto": {
    "id": "a4e7e298-032c-4249-9035-08d4e2d615d7",
    "nome": "Caderno Católico de São José - Arquivo Digital",
    "link_download": "https://lvkpyfheeewuhqxcpqoy.supabase.co/storage/v1/object/public/LINK-DOWNLOAD/CADERNO-DE-SAO-JOSE-E-MIOLO-03-01-2025.rar"
  }
}

E pior o campo link_download esta disponivel na listagem geral de itens, qualquer produto pode ser baixado sem nem ter feito login

Sobre o seo o google não ta nem ai sobre como o seu site foi feito, pelo contratrio ele ama coisa padronizadas pois é mais facil de mapear

Existe plugin do mercado pago para receber pagamentos no wp woocomerce, tem plugin para stripe e qualquer outro meio e você ativa e desativa com um click.

de novo, muito top sua criação, continue se aventurando e criando coisas novas, mas e comerce não é um saas que precisa ser desenvolvido, ja existem ferramentas suficientes para fazer isso, se o seu desejo real é ter um site que funciona e gera lucro pode ser legal testar ferramentas que já existem.

tipo a parte de adicionar proteção contra bot, você resolve isso em poucos cliques no wp, achou um meio de pagamento com taxas menores? é só trocar o plugin de pagamento. produtos personalizado você pode redirecionar o usuario para o whatsapp apos o pagamento com um snipt de código

add_action('woocommerce_thankyou', 'redirect_para_whatsapp_produto_personalizado', 10, 1);

function redirect_para_whatsapp_produto_personalizado($order_id) {
    if (!$order_id) {
        return;
    }

    $order = wc_get_order($order_id);

    if (!$order) {
        return;
    }

    // Número do WhatsApp no formato internacional, sem espaços
    $whatsapp_number = '5511999999999';

    // Mensagem personalizada
    $message = 'Olá! Acabei de realizar o pedido #' . $order->get_order_number() . ' e gostaria de informar os detalhes do produto personalizado.';

    $whatsapp_url = 'https://wa.me/' . $whatsapp_number . '?text=' . urlencode($message);

    // Evita loop de redirecionamento
    if (!isset($_GET['whatsapp_redirect'])) {
        wp_safe_redirect($whatsapp_url . '&whatsapp_redirect=1');
        exit;
    }
}