Como Criar um E-commerce com Inteligência Artificial Usando Gemini 3 e Mercado Pago
No mundo digital de hoje, empreender através do e-commerce é mais acessível do que nunca. Com o crescimento do uso de inteligência artificial (IA), é possível desenvolver plataformas completamente funcionais sem a necessidade de conhecimentos avançados de programação. Neste artigo, vamos explorar como criar um e-commerce robusto utilizando a IA Gemini 3 integrada ao Mercado Pago, permitindo que você venda seus produtos de maneira simples e eficiente.
O que é a Gemini 3 e como ela pode ajudar?
A Gemini 3 é uma ferramenta de inteligência artificial que atua como um editor de código inteligente. Com sua ajuda, você poderá criar um site completo de e-commerce, com painel administrativo e sistema de CRM para gerenciamento de pedidos, pagamentos e muito mais. O que torna essa ferramenta ainda mais interessante é que ela não requer que você seja um expert em programação, permitindo que qualquer um possa construir sua própria loja online.
Preparando as Ferramentas
1. Baixando o Antigravity
Antes de começarmos, é necessário instalar o software Antigravity, que integra a IA Gemini 3. Para baixá-lo, acesse o site oficial e faça o download. Após a instalação, abra o Antigravity para criar um novo projeto.
2. Criando uma Nova Pasta para o Projeto
Dentro do Antigravity, crie uma nova pasta no seu computador e nomeie-a como “e-commerce”. Essa pasta armazenará todos os arquivos do seu projeto.
3. Configurando a IA
No painel do Antigravity, ative a IA e comece a criar o seu e-commerce. Para que a IA funcione de maneira eficaz, é essencial usar prompts bem elaborados. Um bom exemplo de prompt seria pedir para a IA construir uma loja fictícia que venda baralhos.
Integrando o Mercado Pago
1. Configurando o Banco de Dados
Com a IA gerando o código do seu e-commerce, você também precisará criar um banco de dados. Utilize uma plataforma como PHPMyAdmin para isso. Ao configurar sua loja, as tabelas necessárias para produtos, usuários e pedidos serão criadas automaticamente pela IA.
2. Criando Credenciais no Mercado Pago
Após a criação do banco de dados, acesse o Mercado Pago e crie uma conta para obter suas credenciais de integração. Isso é fundamental para aceitar os pagamentos através da sua nova plataforma.
3. Integrando o Mercado Pago no Código
No arquivo de configuração do seu e-commerce, copie e cole as suas credenciais do Mercado Pago. Essa integração garantirá que seu site possa processar pagamentos diretamente.
Como Funciona a Plataforma
Com tudo configurado, você verá que sua loja agora possui uma interface funcional. O painel de administrador permitirá que você:
- Gerencie Pedidos: Veja os pedidos gerados, pagos e altere seu status.
- Adicione Produtos: Insira novos itens para venda, complete com imagens e descrições.
- Checkout Integrado: Seus clientes poderão finalizar compras de maneira rápida e segura através do Mercado Pago.
Conclusão
Criar um e-commerce com inteligência artificial utilizando a Gemini 3 e Mercado Pago é uma experiência acessível e recompensadora. Você não só aprenderá a desenvolver um site completo, mas também obterá conhecimentos que podem ser aplicados em futuros projetos. Por fim, lembre-se de sempre buscar formas de aprimorar sua loja, seja na apresentação dos produtos ou na experiência do usuário.
E se você chegou até aqui e está disposto a empreender, não hesite em se inscrever no nosso canal para mais conteúdos como este. Deixe seu comentário e compartilhe suas experiências no processo de criação da sua loja online. Boa sorte e sucesso nas suas vendas!
Crie um projeto de e-commerce simples, profissional e responsivo chamado “DeckStore” usando PHP puro (sem frameworks) + HTML + Tailwind CSS (CDN). O objetivo é um MVP pronto para deploy em hospedagem PHP/MySQL que já venha com 4 produtos seed (cartas de baralho) visíveis na homepage. Gere TODO o código-fonte, estrutura de arquivos e instruções de configuração. Entregue o projeto completo.
OBS: Tudo deve seguir as constraints: sem TypeScript, sem frameworks, sem build tools. Tailwind via CDN permitido. Não incluir segredos reais — usar placeholders.
REQUISITOS FUNCIONAIS (obrigatórios)
Produtos iniciais (seed)
Mostrar na homepage 4 produtos:
Carta de Baralho Básica — preço baixo, descrição curta.
Carta de Baralho Intermediária — preço médio, descrição com materiais.
Carta de Baralho Avançada — preço alto, descrição com acabamento premium.
Carta de Baralho Profissional — preço top, descrição com recursos exclusivos.
Cada produto deve ter: imagem (use https://via.placeholder.com/), SKU, preço em BRL, estoque.
UI / Layout
Interface limpa, minimalista e moderna (estética premium). Use Tailwind via CDN.
Homepage com grid responsivo de produtos, header com logo, busca simples (opcional), ícone de carrinho com contador.
Cards de produto elegantes (shadow suave, borda arredondada, hover).
Mobile-first e responsivo.
Loading states e animações suaves com classes Tailwind.
Carrinho
Usuário pode adicionar itens ao carrinho sem logar (guest cart) — persistir em $_SESSION.
Carrinho permite alterar quantidade, remover item e ver subtotal.
Ao clicar em “Finalizar Compra” sem estar logado, oferecer: Criar Conta & Pagar ou Continuar como Convidado (guest checkout).
Se o usuário criar conta/efetuar login, migrar os itens do carrinho de sessão para o carrinho do usuário (ou mantê-los na sessão e associar).
Autenticação
Registro: nome completo, email, senha (password_hash), telefone (opcional).
Login com email + senha.
Sessões PHP seguras (session_regenerate_id() no login).
Logout.
Modal de login rápido (UX).
Checkout integrado Mercado Pago
Backend PHP cria preferência/pagamento usando Mercado Pago (Checkout Pro / REST API). Suportar PIX e Cartão.
Usar placeholders MP_PUBLIC_KEY, MP_ACCESS_TOKEN (indicar onde setar).
Servidor cria preferência com itens, valor e dados do comprador (nome, email, telefone, CPF, endereço com CEP).
PIX: exibir instruções/QR code conforme resposta do Mercado Pago (ou link).
Cartão: usar Checkout Pro (init_point) ou modal recomendado.
Após confirmação (via webhook/rota de retorno), registrar pedido no DB e atualizar status (pending, paid, cancelled).
Instrução para configurar webhook apontando para webhook.php.
Campos obrigatórios no checkout
Nome completo
Telefone (DDD + número)
CPF (validar formato)
Endereço: CEP, Logradouro, Número, Complemento (opcional), Bairro, Cidade, Estado
Email (para envio de comprovante)
Base de dados
MySQL com script schema.sql. Tabelas mínimas: users, products, orders, order_items, payments, admin_users. (Sessions podem usar $_SESSION; opcional tabela sessions.)
schema.sql deve conter INSERTs para os 4 produtos seed.
Segurança & validações
Sanitizar entradas (server-side).
Usar PDO e prepared statements para todas queries.
CSRF token nas forms críticas (registro, login, checkout).
Rate-limit simples para tentativas de login (explicar implementação ou incluir exemplo).
Validar CPF (função com dígitos verificadores incluída).
Sugerir uso de HTTPS e proteção de keys.
Sessão e persistência
Instruir uso correto session_start() e configuração de tempo de vida.
Migrar carrinho do guest para conta ao logar/criar conta.
BACKOFFICE / PAINEL ADMIN (adicionado — obrigatório)
Crie painel admin acessível em /admin com login separado (admin_users table). O painel deve incluir:
Dashboard
Total de pedidos (todos)
Total de pedidos pagos
Total faturado (soma de pagos)
Pedidos pendentes de envio
Gráfico simples (ou cards) com métricas recentes
Pedidos
Listagem paginada de pedidos (filtro por status: pending, paid, shipped, delivered, cancelled).
Botão para ver detalhes do pedido (itens, cliente, endereço, pagamento, histórico).
Ações rápidas: Marcar como Enviado, Marcar como Entregue, Cancelar pedido.
Registrar notas internas por pedido (comentários do admin).
Mini-CRM (clientes)
Listar clientes com busca por nome/email/CPF/telefone.
Ao abrir cliente, ver histórico de pedidos, últimos contatos (notas) e dados básicos.
Possibilidade de exportar lista de pedidos/cliente em CSV (simples botão export).
Segurança admin
Autenticação com senha hasheada, sessão admin separada, session_regenerate_id() no login, proteção de rota (is_admin() check).
CSRF para ações críticas (marcar status, deletar).
Logging básico de ações (quem marcou o pedido, quando).
UX admin
Interface limpa e funcional, responsiva, com tabelas e botões claros.
Indicar filtros e busca com performance aceitável (limitar queries, paginar).
ARQUITETURA E ARQUIVOS (gerar estes arquivos com conteúdo)
index.php — homepage com produtos.
product.php — detalhe do produto.
cart.php — carrinho.
checkout.php — formulário de checkout + criação de preferência Mercado Pago.
webhook.php / callback.php — processamento de notificações do Mercado Pago.
auth/register.php, auth/login.php, auth/logout.php.
admin/index.php (dashboard), admin/orders.php, admin/order_view.php, admin/customers.php, admin/login.php.
inc/config.php — placeholders de configuração (DB + MP keys).
inc/db.php — PDO connection (usar config).
inc/header.php, inc/footer.php, inc/helpers.php — componentes e helpers (CSRF, validações, CPF, CEP via viacep).
schema.sql — criação do banco e inserts dos 4 produtos.
README.md — instruções detalhadas de instalação, configuração do Mercado Pago (sandbox/prod), webhook, deploy, e notas de segurança.
assets/ — imagens placeholders, css adicional (se precisar).
Exemplo de .htaccess (se necessário) com regras básicas.
Cada arquivo deve vir comentado, explicando funções e pontos de atenção.
INSTRUÇÕES TÉCNICAS & IMPLEMENTAÇÃO (detalhes para o gerador)
PDO com prepared statements.
inc/config.php com placeholders:
<?php
// DB
define('DB_HOST', 'localhost');
define('DB_NAME', 'deckstore');
define('DB_USER', 'root');
define('DB_PASS', '');
// Mercado Pago
define('MP_PUBLIC_KEY', 'COLOQUE_SUA_PUBLIC_KEY_AQUI');
define('MP_ACCESS_TOKEN', 'COLOQUE_SEU_ACCESS_TOKEN_AQUI');
?>
Incluir duas opções de integração Mercado Pago:
Opção A (recomendada): SDK PHP via Composer — adicionar instruções composer require mercadopago/dx-php no README.
Opção B (fallback): função createPreferenceCurl() que chama https://api.mercadopago.com/checkout/preferences via cURL com Authorization: Bearer MP_ACCESS_TOKEN.
checkout.php:
Recebe POST com dados do comprador e itens do carrinho.
Valida campos (CPF, CEP, email).
Cria preferência e retorna init_point (ou embute modal).
webhook.php:
Valida topic/id, consulta API do Mercado Pago para confirmar status, atualiza orders e payments.
Registrar logs de notificações.
Exemplos JS mínimos para abrir init_point (nova aba ou redirecionamento) e fallback para QR PIX.
Cálculo de frete simplificado (opcional): tabela fictícia por faixa de CEP; se não, campo de frete manual no server side.
Incluir sugestão/trecho comentado para integrar viacep (autocomplete CEP → endereço).
VALIDAÇÕES BRASIL
Implementar função de validação de CPF (dígitos verificadores) no backend e aplicar no checkout/registro.
Opcional: integrar viacep para autocompletar endereço por CEP (comente como ativar).
UX EXTRA (bônus)
Modal de login rápido (sem sair da página).
Notificação por email (instrução e código comentado para usar PHPMailer ou mail()) — configurar SMTP no README.
Export CSV de pedidos/clientes no admin.
Notificações visuais de sucesso/erro com cards.
OUTPUT ESPERADO DO GERADOR
Todo o código fonte dos arquivos citados (cada arquivo com seu conteúdo completo).
schema.sql com criação das tabelas e inserts dos 4 produtos seed.
README.md com passos: criar DB, rodar schema.sql, configurar inc/config.php, setar MP keys, testar em sandbox, configurar webhook, deploy no Netlify/plesk/cPanel (ou instruções para VPS).
Explicação breve no README sobre como testar pagamentos no sandbox e migrar para produção.
Comentar claramente onde inserir chaves e como proteger variáveis (env ou config fora do webroot).
TOM / INSTRUÇÕES FINAIS PARA O GERADOR
Gere código profissional, limpo e comentado, pensando como um desenvolvedor sênior entregando um MVP funcional. Priorize segurança mínima viável (prepared statements, CSRF, hashing de senha), UX premium e entrega completa dos arquivos. Sempre incluir comentários e instruções no README.
é possivel criar o banco de dados do que vc fez no supabase?
Baralho. Nota 10. Parabéns pelo conteúdo.
Abs.,
Ciro
Irmão, tmb "era" sou programador mas abandonei a carreira "sou um legado" faz muitos anos "por melhores ganhos", por isso estou totalmente desatualizado, mas tive uma ideia para um site e resolvi tirar as teias de aranha dos dedos e vi seu vídeo, e percebi algo que pode ser muito interessante pra vc.
Recrie esse mesmo vídeo, porém usando plataformas gringas como Paypal e dubla o seu vídeo com a ferramenta automática do Youtube ou de terceiros e sobe, seu alcance pode ser muito maior, pois eu mesmo, na maioria dos canais que sigo são em inglês. Procurei algo assim na gringa por falta de tempo e preguiça e não encontrei nada didático como o seu vídeo usando IA, acho que daria um ótimo vídeo! Boa sorte e desejo muito sucesso aí para o seu canal!
Que conteúdo top cara….
Irmão, poderia gravar um video como integrar com pagarme, correios contrato e o mais principal, como permitir as pessoas usarem seus proprios dominios personalizados e uma ultima coisa, vi que usou mysql, em questao de segurãnça, o supabase nao seria melhor? sem falar que quanto escala muito isso poderia interferir?
Valeu pelo conteúdo irmao!
Comentar "Baralho" ajuda no comentário… Sucesso Sempre!
Tem prompt?
toma meu hype .
O melhor
que aula top!!
Estou fazendo o mesmo porém com Laravel 12 e Filament 4
Cara obrigado, estava louco para aprender e não achava um ensinamento igual ao seu
top d+, a um mês eu nem pensava nesse assunto, agora passo mais de 10 horas por dia fazendo isso… kkkkk.. otimo video.
Mt bom
top de linha Parabéns !