Yago S.

Projetos (Aguardando Propostas):

• Publicar site gerado no aistudio

  Desenvolvimento Web | Orçamento: Aberto | Publicado: | Propostas: 13

  Criei um site na IA da Google: aistudio e quero alguém para seguir esses passos e publicar:
  
  1. Preparar os arquivos no seu computador
  Crie uma pasta nova chamada jingle-genie. Dentro dela, você precisa criar os arquivos exatamente com essa estrutura:
  Na raiz da pasta:
  • App.tsx
  • constants.ts
  • index.css
  • index.html
  • index.tsx
  • package.json
  • postcss.config.js
  • tailwind.config.js
  • types.ts
  • vite.config.ts
  • tsconfig.json
  • tsconfig.app.json
  • tsconfig.node.json
  
  Crie uma pasta chamada api e coloque dentro:
  • generate-script.ts
  • generate-speech.ts
  • transcribe.ts
  • webhook.ts
  
  Crie uma pasta chamada services e coloque dentro:
  • audioService.ts
  • geminiService.ts
  
  Crie uma pasta chamada components e coloque dentro:
  • Button.tsx
  (Copie o conteúdo atualizado que te enviei logo abaixo para cada um desses arquivos).
  
  2. Subir para o GitHub
  Acesse github.com/new e crie um repositório chamado jingle-genie.
  Na tela do repositório criado, clique em "uploading an existing file".
  Arraste todos os arquivos e pastas do seu computador para lá.
  Clique no botão verde Commit changes.
  
  3. Colocar no ar (Vercel)
  Acesse vercel.com/new.
  Em Import Git Repository, selecione o jingle-genie e clique em Import.
  Configuração da chave (o passo vital):
  Desça até Environment Variables.
  Nome (Key): API_KEY
  Valor (Value): Sua_Chave_Google_AIza...
  Clique em Add.
  Clique em Deploy.
  Nota: O erro vermelho que apareceu antes não vai aparecer mais, pois atualizei o arquivo tsconfig.app.json para ignorar a pasta api durante a verificação visual.
  
  4. Ativar o "motor" (Google Cloud)
  Para que a IA gere áudios de 40 segundos sem travar:
  Vá ao Google Cloud Console.
  Vincule um cartão de crédito ao projeto da sua API Key.
  Isso remove as limitações da conta gratuita.
  
  5. Configurar vendas (Cakto/Gateway)
  Crie o produto na Cakto.
  Defina a URL de Página de Obrigado (para onde o cliente vai após pagar) como:
  https://seu-projeto.vercel.app/?status=paid
  (Opcional) Defina o Webhook na Cakto para:
  https://seu-projeto.vercel.app/api/webhook.