Publicar site gerado no aistudio
hoje às 00:30Descrição do Projeto:
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.
Atividades do cliente nesse projeto:
Última visualização: hoje às 00:35
Tem dúvidas? Faça uma pergunta.
ou
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Iniciante |
| Visibilidade: | Público |
| Propostas: | 13 |
| Interessados: | 16 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Extensão automatizadora para Chrome e Edge - Preciso de uma extensão para analisar dados em tempo real em um site. * Já tenho um esboço pronto, preciso de alguém que possa terminar o projeto ou, se preferir, come&...
API para obter dados de produtos da Shopee, Amazon e Mercado Livre - Preciso de uma API em Next ou Node que, a partir de uma URL de um produto da Amazon, Shopee ou Mercado Livre, retorne nome, preço e imagem do produto. Não tenho a chave de API desses ...
Desenvolvimento de fórum WordPress ACF - Olá, me chamo Lucas e preciso de um profissional qualificado para desenvolver um fórum com base em WordPress ACF. Preciso de algo nesse nível de qualidade e acabamento: •...
Criar plataforma de venda de itens de jogos - Quero criar uma segunda ggmax, que é um site onde as pessoas podem vender e comprar itens de jogos, contas, assinaturas, cursos, moedas de jogos e serviços digitais. O site precisa se...
Sistema para gestão de segurança do trabalho - Preciso de um sistema SaaS para gestão de segurança do trabalho, onde eu tenha o painel SaaS. Para o cliente, preciso do painel administrativo, onde o administrador irá cadastr...
