Você quer aprender tudo sobre inteligência artificial e ganhar entre R5.000,00aˋR10.000,00 por mês? Clique no link abaixo e saiba mais.
👉 https://go.hotmart.com/G105667386T
#InteligenciaArtificial #IA #LojaVirtual #Ecommerce #GoogleAIStudio #Dropshipping #Afiliados #CriacaoDeSites #VendasOnline #MarketingDigital #WebDevelopment #EmpreendedorismoDigital #FerramentasIA #Produtividade #NegocioProprio #Firebase #Vercel #GitHub #DesenvolvimentoWeb #IAparaNegocios #RendaExtra #TutorialIA #MarketingDeConteudo #EcommerceGratuito #DesignDeSites #Tecnologia #TrabalhoRemoto #Freelancer #GerenciamentoDeProdutos #SiteProfissional
👉 https://go.hotmart.com/G105667386T
#InteligenciaArtificial #IA #LojaVirtual #Ecommerce #GoogleAIStudio #Dropshipping #Afiliados #CriacaoDeSites #VendasOnline #MarketingDigital #WebDevelopment #EmpreendedorismoDigital #FerramentasIA #Produtividade #NegocioProprio #Firebase #Vercel #GitHub #DesenvolvimentoWeb #IAparaNegocios #RendaExtra #TutorialIA #MarketingDeConteudo #EcommerceGratuito #DesignDeSites #Tecnologia #TrabalhoRemoto #Freelancer #GerenciamentoDeProdutos #SiteProfissional
Categoria
📚
AprendizadoTranscrição
00:00Dá uma olhada nesse site aqui, ele foi feito 100% com Vibe Code.
00:04Para você que trabalha, ou para você que quer trabalhar vendendo produtos como afiliado,
00:09fazendo dropshipping, ou mesmo vendendo produtos próprios.
00:12Ele é um site completasso mesmo, olha só, ele tem até área administrativa
00:17para você fazer login com a sua conta do Google.
00:20Para quê? Para conseguir fazer cadastro de produtos.
00:23Ele é realmente um site funcional, 100% feito com inteligência artificial.
00:28Antes, por exemplo, para você ter acesso a algo assim, você precisava ser um programador
00:33para você conseguir implementar essas coisas, ou pagar 3, 5, 10 mil reais
00:37para um webdesigner criar para você.
00:39Então, bora aprender tudo mastigado em 4 passos bem simples?
00:43Primeiro passo é buscar um site de um concorrente, de uma outra empresa na qual você se inspira
00:47para modelar ele, não é copiar, é modelar.
00:50Não, Lange, eu não quero pegar nenhum site com referência, quero começar do zero.
00:54Sem problema, funciona também.
00:56Segundo passo, então, é a gente usar a inteligência artificial para criar tanto o front-end,
01:00que é a parte que o seu usuário final vai ver, quanto também o back-end, que é a parte
01:04administrativa,
01:05onde você vai fazer o cadastro dos seus produtos, tudo com alta segurança e estética profissional.
01:11Terceiro passo, então, é a gente cadastrar os primeiros produtos, para a gente ver como que vai ficar,
01:16para a gente ver se está tudo funcionando.
01:18E o quarto passo, então, é publicar o site para qualquer pessoa do mundo conseguir ver,
01:22e tudo de forma gratuita.
01:23A ideia aqui desse tutorial é te ensinar a fazer tudo, tudo, usando ferramentas,
01:28que no momento que eu gravo esse vídeo são gratuitas, você não paga nada por elas.
01:33Então, já deixa o seu like, pega um cafezinho aí, vamos tocar a ficha, porque o mundo é dos fazedores.
01:38Perfeito, então.
01:39A primeira coisa que a gente vai fazer é achar um site para modelar, ou seja, modelar, não copiar.
01:44A gente vai pegar algumas coisas da estrutura, algumas coisas do layout, alguma forma aqui de organização.
01:50No caso aqui, a gente está fazendo um site de vendas, um site de afiliados.
01:54Então, achei esse site aqui, que eu achei bem bacana.
01:57Inclusive, o nome dele é A Hora dos Achadinhos.
02:01Então, aqui em cima ele tem um menu, um campo para fazer buscas, e aqui embaixo os produtos.
02:06Então, quando você clica no produto, aparece a fotinho do produto, uma descrição, aqui aparece em qual loja, e aqui
02:13pegar a oferta.
02:14E daí sim, é o link aonde eu vou ganhar, a pessoa, no caso aqui, vai ganhar como afiliado.
02:20Então, esse aqui que a gente vai usar para modelar.
02:24HoraDosAchadinhos.com.br.
02:25Beleza, Lange, mas como que eu faço para eu criar o meu site a partir desse aqui?
02:31Para isso, você vai acessar o Google AI Studio.
02:34Dá para fazer na Lovable, dá para fazer na Base 44?
02:36Dá, mas Google AI Studio você consegue fazer, inclusive, de graça.
02:40Mas sinta-se à vontade para usar outra ferramenta aí que você quiser.
02:43Vai funcionar também, inclusive, com os mesmos prompts e a mesma metodologia.
02:47Aqui dentro do AI Studio, eu vou aqui em Build, ou seja, Construir.
02:52Vou usar um prompt muito, muito simples, que é...
02:55Quero criar um site chamado Casa das Ofertas.
02:58Será um agregador de ofertas parecido com...
03:01Aí aqui, ó, eu coloquei a URL, o endereço do site que eu quero modelar.
03:05Aí eu dou algumas descrições, como, por exemplo,
03:08ah, na página inicial deve ter todos os produtos, as categorias devem ser bem visíveis
03:13para facilitar a navegação e etc, etc, etc.
03:16Eu, desde o primeiro prompt, já gosto de ir mais assertivo, tá?
03:20Já dar os maiores detalhes possíveis.
03:22Mas não se preocupa com isso, na sua primeira versão, você pode falar mais por cima assim mesmo
03:26e aí depois ir fazendo os ajustes, tá?
03:29Nada do que você criar aqui na primeira versão, vamos chamar de versão 0.1,
03:33você não vai conseguir alterar posteriormente.
03:35Você vai conseguir alterar, sim.
03:37Vamos clicar aqui em Build, ou então dar Ctrl Enter para começar o nosso projeto.
03:41Aqui, como você pode ver, ó, o AI Studio já começou a construção.
03:45Isso aqui costuma levar alguns minutinhos, inclusive, se você está curtindo aí,
03:48aproveita esse tempo que a gente espera, deixa o seu like aqui
03:52para eu saber que você gosta desse tipo de conteúdo e fazer mais.
03:55E não esquece também de se inscrever no canal, que vai ter a continuação desse vídeo aqui,
03:59assim como diversos outros vídeos sobre como usar a inteligência artificial no marketing.
04:04Enquanto ele vai fazendo as configurações, ele já me ofereceu aqui uma prévia de alguns designs.
04:10Então, tem essa paleta aqui mais vibrante, profissional, tem essa outra aqui de alta densidade,
04:18minimalista e essa aqui que é mais artística, que na minha opinião é a mais feinha de todas.
04:23Eu vou deixar essa aqui mais coloridona mesmo, ó.
04:26Paleta vibrante e vou dar, ó, Select This Design.
04:30Poderia também dar o skip?
04:31Poderia, porque depois eu posso adaptar com as minhas cores.
04:34Daqui a pouco eu já tenho um logo, já tenho aí alguma coisa de identidade visual,
04:38Design System pronto, eu já posso mandar.
04:40Então, eu vou dar aqui, ó, Select This Design.
04:42Em alguns projetos que exigem aí uma base de dados, ele vai tentar usar o Firebase do próprio Google,
04:49então você não precisa fazer nenhuma integração externa aí, tipo com Superbase, nada, nada disso, tá?
04:54Você pode configurar a própria do Google, inclusive tem aqui, ó, um tier gratuito,
04:59ou seja, um tanto que você consegue usar sem você precisar fazer pagamentos.
05:04Aqui você escolhe o Data Center, que é mais próximo a você.
05:07Eu vou deixar aqui, ó, Carolina do Sul e vou dar um Enable Firebase, ou seja, ativar o Firebase.
05:14E tá aí, ó, ficou animal isso aqui.
05:17Os melhores achadinhos da internet, casa das ofertas, aqui em cima um lugar para fazer buscas,
05:23aqui embaixo, ó, navegar por categorias, tá vendo?
05:26E aqui, então, tá vazio os produtos, por quê?
05:29Porque não tem nenhum produto cadastrado, inclusive ele fez isso para mim,
05:32fez uma área administrativa, ou seja, isso não é um site estático,
05:36é um site que ele criou aqui, muito fácil de atualizar,
05:38porque, ó, se você digitar barra admin, você vai conseguir fazer login nele.
05:43Então, inclusive, eu vou fazer esse teste aqui e tentar logar.
05:46Vou usar a própria interface aqui do EA Studio, vou clicar em admin,
05:50e ele pede para mim, então, fazer acesso usando a minha conta do Google.
05:54Eu não programei nada disso, ele fez tudo sozinho.
05:56Oh, não é que funcionou, hein?
05:58Olha só, aqui eu consigo botar nome do produto, a categoria, o URL da imagem,
06:04o URL da oferta, a descrição e assim por diante.
06:08Bora lá, então, tentar cadastrar um produto para ver se realmente está funcionando,
06:12se não é só fake news.
06:13Eu vou copiar esse anúncio aqui e vou trazer para cá os dados.
06:17Feito, tudo copiado, vou clicar aqui em adicionar oferta e pronto, ó.
06:21Está aqui a oferta do nosso fogão Itatiaia.
06:25Vamos voltar lá para a página inicial e vamos ver se apareceu isso cadastrado no site.
06:30Está aqui, ó, fogão Itatiaia, 5 bocas elétricas, cadastrado, tudo certinho, funcionando.
06:37Ou se eu clicar aqui mesmo, vai abrir dentro do meu site,
06:40com a descrição que eu coloquei, tudo certinho.
06:42E aqui, se eu clicar, vai abrir de novo, então, lá na Shopping, o meu link de afiliado.
06:47Mas beleza, Lang, tem aqui o meu site tudo prontinho, casa das ofertas.
06:52Como é que eu faço para colocar isso online para as outras pessoas conseguirem ver?
06:57E tem uma forma muito simples de fazer isso, que é primeiro você enviando seus arquivos para o GitHub
07:02e depois do GitHub enviando para a Vercel fazer o deploy, ou seja, fazer a implementação disso.
07:09E é isso que a gente vai fazer agora.
07:10Se você ainda não tem uma conta no GitHub, é muito simples, é só você digitar github.com e fazer
07:18a sua conta gratuita.
07:20Depois você vai aqui em publicar, aí procura GitHub aqui e provavelmente, se você ainda não fez a conexão nenhuma
07:27vez,
07:27é só você conectar o AI Studio com o GitHub, só precisa fazer isso uma vez.
07:32Como eu já fiz para mim, não precisa fazer de novo.
07:35Vai aqui no nome do repositório, vou botar o Casa das Ofertas, Descrição, vou botar o Loja Virtual Casa das
07:43Ofertas.
07:44Beleza?
07:44Deixa aqui em privado também, para os outros não terem acesso a esses arquivos e clica aqui.
07:49Create GitHub Repository.
07:51Station Commit All Changes.
07:53Efeito.
07:54Ele está enviando para lá já os dados do meu projeto.
07:57Tudo certinho, lá no GitHub, vamos procurar, vamos recarregar a página e vamos ver se aparece aqui o nosso Casa
08:05das Ofertas.
08:06E está aqui, todos os arquivos do Casa das Ofertas que o AI Studio gerou para mim.
08:12Mas isso aqui é só o código.
08:14O que eu vou fazer agora?
08:15Vou pegar esse código e vou colocar em uma hospedagem que vai ter todas as dependências necessárias para fazer o
08:22deploy,
08:23para rodar esse site aqui.
08:24Tem diversas opções, diversas hospedagens, eu vou te mostrar aqui uma que é a gratuita, que é a Vercel.
08:30É só você acessar, ó, Vercel.com, Vercel com C.
08:34E a primeira das primeiras coisas que você tem que fazer é integrar a Vercel com a GitHub, ok?
08:40Você tem que fazer esse plug, juntar as duas coisas para elas conversarem entre si.
08:46Então, qual que é a forma mais simples de fazer?
08:48Você clica aqui embaixo no seu nome e depois você clica no ícone da engrenagem.
08:53No menu lateral, clica aqui, ó, em Authentication, tá?
08:56E aí vai ter GitHub e aí é só fazer a conexão, tá?
09:00Vai aparecer aqui para você conectar.
09:01É só seguir os passos.
09:03É simples assim.
09:04Depois você volta lá para o começo.
09:07Aí você vai aqui em Add New, tá?
09:10Adicionar novo e clica Projeto.
09:12Por quê?
09:12Porque a gente agora vai puxar nosso projeto, então, que está lá no GitHub, tá?
09:16Está vendo aqui, ó, Casa das Ofertas, postada dois minutos atrás.
09:20Está com o cadeado atrás que eu botei privado.
09:23Eu vou colocar aqui, ó, Import.
09:24Aqui você não precisa mexer nada, a não ser que você queira mudar o nome, por exemplo, do projeto.
09:29Aqui deixe sempre esse VIT, tá?
09:31Se você está trazendo isso do AI Studio.
09:33Esse é o repositório, esses são os presets que você precisa.
09:37Depois é só clicar aqui, ó, em Deploy.
09:39Aqui embaixo, ó, ele já está fazendo a build, já vai fazer o deploy.
09:44E logo, logo a gente volta aqui.
09:46Vou te mostrar isso aqui funcionando para qualquer pessoa do mundo conseguir acessar.
09:50Inclusive, enquanto a gente espera, já deixa o like, já deixa o comentário e faz sua inscrição aqui no canal.
09:56E está pronto, ó.
09:57Cara, incrivelmente rápido.
09:59Às vezes demora pra caramba, às vezes é super rápido, ok?
10:03Então, aqui foi tipo um minuto e estava pronto.
10:06Aqui você consegue adicionar o seu domínio também.
10:09Então, tem como você colocar um domínio próprio.
10:10Por exemplo, casadasofertas.com.br ou seudomínio.com.br, seudomínio.com.br.
10:16Tem como fazer isso aqui dentro.
10:18Inclusive, é gratuito também aqui na Vercel.
10:20Mas isso é assunto para um próximo vídeo.
10:22Por isso que é importante você se inscrever no canal e ativar as notificações.
10:25Assim que eu lançar esse vídeo, você receber ele.
10:27Eu vou clicar aqui em Continue to Dashboard.
10:30E aqui, ó, esse é o domínio provisório, então, da minha loja.
10:33Quando eu clico nele, ó, está aqui a minha loja com o produto já cadastrado.
10:38Posso enviar isso aqui para qualquer pessoa do mundo com conexão à internet.
10:43Ela vai conseguir acessar a minha lojinha, a casa das ofertas.
10:47Vamos rolar para baixo, clicar também no anúncio do produto e está aqui, ó.
10:51Tudo funcionando, 100%, com banco de dados, com segurança.
10:55Tudo atestado aí pela qualidade, pela segurança do Google e do Google Cloud.
11:00Olha o valor do que eu acabei de te mostrar aqui.
11:03Imagina o quanto você vai economizar criando seus próprios sites sem depender de mais ninguém.
11:08Ou ainda, cara, imagina o quanto você pode lucrar criando sites desse tipo aqui
11:12ou diversos outros tipos para as outras empresas.
11:15As oportunidades de ganho com o IA, elas são imensas.
11:18Por isso, dá uma olhada no primeiro link que eu coloquei aqui na descrição do vídeo,
11:22que lá eu coloquei o seu próximo passo natural para você ganhar mais tempo e mais dinheiro usando inteligência artificial.
11:28E não esquece, tá?
11:29Ter um site hoje em dia é fundamental.
11:31Ele é o único ativo que você tem na internet que realmente é seu.
11:35O seu Instagram, o seu TikTok, o Facebook, o mesmo YouTube,
11:39eles podem ser derrubados do dia para a noite sem aviso prévio.
11:42Já aconteceu para muitas pessoas, na verdade, acontece todos os dias.
11:46Eles são terrenos alugados onde você está construindo um negócio.
11:49Já o seu site é o único que é o seu terreno próprio.
11:53Clica no like, se inscreve no canal, porque nos próximos dias aí eu vou lançar a continuação desse vídeo.
11:58E aí
Comentários