← Receitas de IA do diaNegócios✓ Verificado 20 de jul. de 2026

Lance um site funcional com pagamentos via Stripe e ChatGPT em 10 minutos

Integre pagamentos Stripe e assistente de IA em um site funcional - sem gastar dinheiro no início

  1. 1.Crie uma chave de API do OpenAI. Acesse platform.openai.com, abra a seção «API keys» e clique em «Create new secret key». Copie a chave para um bloco de notas.

    Você receberá $5 em créditos grátis, válidos por 3 meses. Armazene a chave na variável de ambiente OPENAI_API_KEY no seu servidor, nunca coloque no código ou navegador.

    OpenAI API ↗Sobre a ferramenta
  2. 2.Crie uma conta Stripe. Acesse stripe.com, clique em «Sign up», preencha os dados. No painel de controle, copie a Publishable key e a Secret key para um bloco de notas.

    Stripe cobra 2,9% + $0,30 por cada pagamento bem-sucedido. Antes do primeiro pagamento, não há custos. Nunca coloque a chave secreta no código do frontend.

    Stripe ↗
  3. 3.Crie um repositório no GitHub. Clique em «New repository», nomeie-o, selecione Node.js .gitignore. Clone para sua máquina: git clone [seu-link-do-repositorio]

    Você precisará de um repositório git para fazer deploy do aplicativo no Vercel com um clique.

    GitHub ↗Sobre a ferramenta
  4. 4.Crie uma aplicação Node.js. Na pasta do repositório, crie package.json e copie o seguinte: { "name": "stripe-chatgpt-site", "version": "1.0.0", "main": "server.js", "dependencies": { "express": "^4.18.2", "stripe": "^14.0.0", "openai": "^4.28.0", "cors": "^2.8.5", "dotenv": "^16.3.1" } } Depois execute: npm install

    package.json contém todas as bibliotecas necessárias. npm install as instalará localmente.

    Node.js ↗
  5. 5.Crie um arquivo server.js na raiz do repositório e copie o seguinte: javascript const express = require('express'); const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY); const { OpenAI } = require('openai'); const cors = require('cors'); require('dotenv').config(); const app = express(); app.use(express.json()); app.use(cors()); const openai = new OpenAI({ apiKey

    Este código cria dois endpoints: um para criar um pagamento via Stripe, outro para conversar com ChatGPT. Usa o modelo econômico gpt-4o-mini, para que seu crédito de $5 dure mais tempo.

    Express.js + OpenAI + Stripe SDK ↗
    Prompt
    const response = await openai.chat.completions.create({
  model: 'gpt-4o-mini',
  messages: [{ role: 'user', content: '[SUA_MENSAGEM]' }],
  max_tokens: 200,
});

Substituia [SUA_MENSAGEM] pelo texto que deseja enviar ao modelo. max_tokens=200 limita a resposta a 200 tokens (~150 palavras) e economiza dinheiro.
    O que este prompt fazEste é o código para conversar com a API do ChatGPT. Você substitui seu texto no lugar de [SUA_MENSAGEM], e o modelo retorna uma resposta. O parâmetro max_tokens=200 limita o comprimento da resposta para não gastar todos os $5 de crédito no primeiro dia.
  6. 6.Crie um arquivo .env na raiz do repositório e copie o seguinte: OPENAI_API_KEY=[SUA_CHAVE_OPENAI] STRIPE_SECRET_KEY=[SUA_SECRET_KEY_STRIPE] PORT=3000 Substituia [SUA_CHAVE_OPENAI] pela chave de API da etapa 1, [SUA_SECRET_KEY_STRIPE] pela Secret key da etapa 2.

    ⚠️ IMPORTANTE: Nunca coloque o arquivo .env no git. Crie .gitignore com o conteúdo node_modules/ e .env, para que as chaves privadas não entrem no repositório.

  7. 7.Faça deploy no Vercel. Acesse vercel.com, clique em «Import Project», selecione seu repositório GitHub. No campo Environment Variables, adicione: OPENAI_API_KEY = [sua chave] STRIPE_SECRET_KEY = [sua chave] Clique em «Deploy». Em 2-3 minutos, o site estará online em https://[seu-nome].vercel.app

    Vercel detecta automaticamente a aplicação Node.js e a faz deploy. As variáveis de ambiente são inseridas no painel Vercel, não no código. Após o deploy, você pode testar a API através de requisições POST para https://[seu-nome].vercel.app/chat e https://[seu-nome].vercel.app/create-payment-intent

    Vercel ↗
💰 Quanto custa acompanharpreços em 2026-07
  • grátisChatGPT (conta gratuita)40 requisições a cada 3 horas; para uso mais frequente, é necessária a assinatura ChatGPT Plus ($20/mês).
  • grátisCodePen ou Replit (plano gratuito)Completamente grátis para editar e testar código no navegador.
  • grátisStripe (modo de teste)Teste pagamentos gratuitamente em modo sandbox; ao migrar para chaves de produção, há comissão de 2.9% + $0.30 por transação.
  • grátisVercel ou Netlify (free tier)Deploy do frontend gratuitamente; para backend, é necessário plano pago ($7+/mês) ou funções serverless com limites.
Experimente e seja o primeiro a marcar

Por que hoje

Stripe Documentationweb
Vercel Documentationweb

Serviços de IA mudam rápido - interfaces e limites gratuitos podem diferir do descrito.