Transcrições
1. Introdução ao curso adorável: Olá, bem-vindo ao campo de treinamento de programação do Lovable
Vibe. Meu nome é Greg Hung. Sou um criador canadense e programador de
vibe e, em 2026, acredito que essa
plataforma seja uma
das plataformas mais poderosas e
fáceis de usar para criar seus aplicativos
usando suas ideias e criatividade com muita facilidade em
seu computador ou telefone O custo começa tão básico
quanto $25 USD para começar. E no curso,
vou ensinar o básico, a plataforma, além de compartilhar alguns
dos projetos que
criei com Lovable from
the Pickleball Lists, que é um diretório global que permite encontrar quadras
de todo o mundo, permitindo que os usuários criem uma conta e também façam
suas próprias inscrições, suas próprias avaliações, suas próprias fotos Portanto, é uma plataforma
selecionável de crowdsourcing. Também criei aplicativos
como um portfólio do TikTok. Eu até criei
aplicativos que permitem que você se conecte ao
seu Cloud Drive, para que você possa realmente compartilhar arquivos no seu Cloud
Drive e vendê-los. O recurso poderoso
que me entusiasma em
Lovable em junho de 2026
é chamado Portanto, os conectores permitem que você se
conecte a plataformas
como Stripe, Google Drive, TikTok, e permitem que você
converse
muito, muito bem com essas
outras plataformas para criar aplicativos
muito personalizáveis que você pode publicar em seu site ou usar um domínio adorável E vou compartilhar
como você pode publicar o aplicativo que você
criou no seu site. Vou compartilhar
alguns exemplos e vou analisar passo a passo,
além de compartilhar minhas
instruções
sobre como eu o criei Então, se isso parece empolgante,
vamos começar.
2. Lovable Tour 2026 no desktop: Olá pessoal, este
é um passeio rápido por Lovable em junho de 2026 Eles atualizaram a
plataforma, o que é ótimo. Eles têm esses conectores, que são um recurso relativamente novo É muito visível acima do
seu prompt principal aqui. E você também pode ver
no lado esquerdo. Então, apenas uma prévia: conectando-se
a esses conectores, você ativa
funcionalidades adicionais Por exemplo, posso usar um conector TikTok para me
conectar às minhas contas, obter informações úteis
sobre inteligência artificial na minha conta do TikTok
e criar
um aplicativo a partir disso e criar
um aplicativo Posso usar o Supabase para configurar um banco de dados se eu quiser que as pessoas usem meu aplicativo
e criem Posso usar um
conector do Google Drive para realmente me conectar aos arquivos no meu Cloud Drive e vendê-los. Isso é
só um exemplo. E você tem todos esses
outros aqui, como Microsoft Outlook,
Microsoft Excel,
Sana, Twitch, Gemini
Enterprise e assim por diante Então, há muitas possibilidades aqui, e você pode ver aquelas às quais
eu já me conectei. Ok, no lado esquerdo, é
aqui que você pode ver a quantidade de
créditos restantes,
o tipo de plano, os membros do seu
espaço de trabalho Recursos, ele permite que você
veja outros modelos
e, em seguida, você pode ver
os conectores aqui Então, em áreas diferentes, você pode
acessar os mesmos recursos. Agora, você pode ver projetos
de todos os projetos, ver aqueles
que você criou, ver aqueles que
foram compartilhados com você também ver alguns de seus projetos
no lado esquerdo. E quando eles têm
os três pontos, você pode acessar as configurações
desse projeto,
renomeá-lo, remixá-lo e excluí-lo Agora, se você clicar em
um projeto real, você terá o prompt no
lado esquerdo. Se quiser continuar a
iterar, você pode ver essas instruções
sugestivas, que são úteis se você não
consegue pensar em uma próxima etapa Então, Lovable realmente ajuda
você a prever a próxima etapa. No lado direito,
esta é a prévia. É aqui que você pode
realmente experimentar o aplicativo. Digamos que, na tela, você possa
ver que estamos na prévia, mas há
maneiras diferentes de visualizá-la. Você pode ver os arquivos
do seu projeto. Você pode ver a visualização do código. Vamos voltar para
aquela vista lá. E a partir daqui, você pode
selecionar diferentes áreas do seu projeto, painel,
autenticação e jogadores. Então eu acho que, se tivéssemos mais
pessoas registradas, é
aqui que nós o
acessaríamos. E então você tem a raiz, que é apenas uma barra invertida Você pode compartilhar seu projeto com outras pessoas por meio de uma prévia e até publicá-lo um domínio personalizado ou em um domínio
adorável por padrão E essa é sua
prévia geral de Lovable. E, novamente, na visualização do projeto, você pode remixá-lo Você pode ver os conectores. Eu quero
te mostrar rapidamente a área de domínios. Ok, então podemos clicar em Configurações. Ok, podemos ver meus
planos e créditos aqui. Esse é o plano em que estou. Meu equilíbrio entre nuvem e EI. Essa é a quantidade de nuvem
e IE que eu usei. Na verdade, não precisei me
preocupar com o uso excessivo de meus aplicativos,
mas na verdade não os
implantei Por aqui, domínios do espaço de trabalho. Na verdade, você pode
comprar um domínio aqui, ou o que você pode fazer
ao publicá-lo, você pode conectá-lo a
um domínio existente, e eles facilitam muito. Na verdade, conectei alguns dos meus outros projetos,
que mostrarei a vocês. Então eu criei esse de golfe
aqui e já o
publiquei na golf.ai
creative dot Academy, e é muito fácil de fazer. Você pode clicar em Gerenciar domínios e se conectar
a um domínio existente, basta digitá-lo, e ele se conecta ao Ccround ou qualquer plataforma de
registrador de domínios, e foi bem Então, aqui está sua turnê
de Lovable em 2026.
3. Dicas sobre como Prompting a Codificação Vibe: Então, aqui estão minhas dicas para
criar prompts, e, você sabe, é preciso
muita prática, e é por isso que
vou compartilhar alguns dos prompts que eu uso E você se familiarizará
com um pouco da linguagem usada para descrever
diferentes recursos em um aplicativo Portanto, um recurso em um aplicativo
pode ser que ele forneça notificações ou permita que
você crie uma conta, várias contas e aceite envios de outros usuários E quanto mais
você pratica, codificação vibe. Você se familiarizará com o idioma e se
tornará mais proficiente Então, um exemplo é meu aplicativo TikTok. Então, meu primeiro baile de formatura foi mostrar conteúdo do TikTok de
um criador
em uma página O aplicativo busca uma lista de vídeos
publicados e
os renderiza junto com metadados,
como títulos,
subtítulos e contagens de engajamento Agora, se você é um criador, isso pode parecer normal para você, mas se não for,
basta praticar e se
familiarizar com o idioma. E os modelos de EI
são muito bons em interpretar linguagem
natural Portanto, não há problema em
começar
usando apenas a comunicação com usando apenas a comunicação amáveis, como se você estivesse
falando com uma E então você pode reduzi-lo. Você não precisa
acertar tudo na primeira solicitação, mas é útil ser o mais
específico possível. E então você pode refinar seu aplicativo em solicitações subsequentes,
se isso fizer sentido
4. Introdução aos Lovable Connectors — Meu aplicativo usando o conector do Google Drive: Esta videoaula
deve mostrar o aplicativo e os
conectores de bate-papo em Esse é um recurso relativamente novo. Estamos em meados de 2026 e vou mostrar conector
do Google Drive e do Stripe em um dos meus aplicativos Então, basicamente, selecione
o conector
e, em seguida, você se autenticará e poderá criar um
aplicativo que,
por exemplo, se conectará ao seu Google Drive Então, vou acessar este aplicativo. É mais como uma plataforma
inteira, e eu vou te mostrar algumas
das principais instruções, e depois vou baixar o site Então, meu primeiro aviso foi permitir que eu vendesse
meus cursos on-line, armazenasse no Google Drive permitisse que o usuário
visualizasse algumas aulas. Portanto, é uma solicitação muito geral, não muito específica ou longa. E isso fez com que as coisas começassem. Então, ele fez suposições, foi em frente e construiu o E isso me permitiu
realmente criar uma conta. Então, eu vou sair aqui. Assim, você pode
criar um nome de conta, senha de
e-mail e, em seguida receber um e-mail
que permite que você faça login. Então, vou fazer
login como usuário. E quando você for usuário,
poderá navegar pelos
cursos gratuitos à direita. Então, esses são alguns
cursos que eu criei. E esses cursos eram na verdade, vídeos armazenados
no meu Google Drive. Então, eu criei
essa descrição
e aqui está a prévia gratuita. Isso deve funcionar. É
um pouco claro. OK. Então esse é o pré e , se você não o tiver
comprado, o resto será bloqueado até
você comprar o curso. Então você pode ver aqui que as
outras aulas estão bloqueadas. Então, alguém pode comprar o curso ou iniciar uma assinatura de acesso
total, e eu configurei isso
com o Stripe, para que ele realmente
receba pagamentos E como isso está
no modo de teste, ele não
cobrará realmente seu cartão. E depois de concluir
isso, você receberá o
link para o curso. Tudo bem, então vamos
ver como
fica o back-end como administrador, então
vou sair E eu tenho uma conta de administrador. Por aqui. Agora, se eu
for para Admin, Opa Se eu for para Admin. Eu posso selecionar os cursos. Também posso criar um novo curso. E essa é a parte em
que eu posso realmente navegar no meu Google Drive e selecionar Para que eu possa realmente
navegar no meu Google Drive. E selecione algumas aulas que estão armazenadas no
meu Google Drive. Muito legal. Então, sim, o conceito-chave aqui é que um conector
permitirá que você
se conecte ao conteúdo ou arquivos
armazenados no seu Google Drive. Agora, dependendo do
conector, como o Stripe, isso exigirá pagamentos, diferentes tipos de conectores E se olharmos as instruções
no lado esquerdo, mostrarei apenas algumas
das principais instruções Então, uma das instruções
era permitir que o administrador
navegasse no Google Drive e
selecionasse cursos para publicar partir daí,
foi só testar o aplicativo e, em seguida, criar
pequenas modificações, adicionar um
seletor de miniaturas por aula para que cada prévia do vídeo pudesse usar uma miniatura
personalizada Permita que o administrador altere
a imagem da capa e adicione integração com o
Stripe para que você
possa pagar usando o Stripe OK. Permita que o administrador adicione ou remova aulas selecionadas
no Google Drive,
adicione a funcionalidade de arrastar e desenhar e assim por diante. E chego a um ponto em que posso
realmente publicar esse aplicativo. É muito útil, e a beleza é que eu posso criar mais cursos navegando no
meu Google Drive, e também tenho meus cursos
publicados aqui E as que são publicadas, eu posso realmente
ver as aulas. Eu posso modificá-los. E não se limita
apenas aos cursos on-line. Eu poderia vender qualquer coisa no meu Google Drive com a
integração do Stripe Então, vamos lá,
temos cursos publicados. Temos alguns que
estão em estado de rascunho. Então, se eu sincronizar, isso realmente se conecta ao
seu Google Drive. Vou te mostrar os vídeos
que estão na pasta. Então, se eu clicar em Lições, recebo a mensagem de
confirmação de sincronização. Assim, posso modificar a descrição, o preço e a imagem da capa. Eu posso ir fazer aulas. E sim, eu posso ajustar
o curso aqui. Posso selecionar uma
imagem e fazer o upload da minha. Então eu acho que você
entendeu que, você sabe, há muita energia aqui com conectores
amáveis E, na verdade, sua imaginação
é basicamente isso. Então, se você não quiser
passar por tudo isso para
criar algo semelhante, vou empacotar
isso como um modelo e permitir que você crie seus próprios cursos online e
venda seus próprios se estiver usando o Google Drive. OK. Então, sim, esse é o poder do Lovable e
dos conectores.
5. Templates and remixes: Ok, esses são os diferentes
modelos disponíveis no Lovable e eu vou mostrar onde
você pode encontrá-los. Vamos até a página principal. Então, a partir daqui, você
pode rolar para baixo. Então, clico no
ícone principal da página inicial no canto superior esquerdo. E depois role para baixo. Você pode ver meus projetos, mas eu posso clicar em Modelos
adoráveis e clicar em Procurar tudo para que você tenha alguns pontos de partida realmente
excelentes Dependendo do tipo
de site que você deseja,
você quer plataforma de
conteúdo de viagens, um formulário de envio de
bugs para TI, estúdio
fotográfico, plataforma de mercado
de aluguel de temporada? Produção de filmes de IA. Então, modelo de
site de página de planejamento visual. Vamos conferir essa plataforma
de aluguel aqui. Então você pode clicar nisso. Selecione Usar modelo. E isso é o que
chamamos de remix. Então, remixar é basicamente pegar um
projeto existente e nomeá-lo. Vou deixar assim. Ok, leia o aviso legal,
reconheça e remixe. Então, vamos lá. É
criar um novo projeto, configurar as integrações. E depois que isso for feito, poderemos
começar
do zero e
personalizá-lo de acordo com nossa preferência Estou muito curioso para
ver como é essa. Ok, o remix está quase pronto. No lado esquerdo do prompt, ele está
me fazendo uma pergunta. Qual é o seu principal objetivo
para esse projeto de remix? Você está criando uma demonstração real
do portfólio de produtos ou aprendendo a base de código? Vamos colocar, vamos
colocar um produto real. Em seguida, o que você
quer resolver primeiro? Marca e design, integrações de
backhand,
recursos e funcionalidades Vamos selecionar recursos
e funcionalidades. Vamos usar o
Lovable Cloud existente, enviar e
eu vou testar isso. Valencia, não tenho certeza se
isso tem algum dado fictício. Então, vamos testar isso. Então, na verdade, podemos
testar e brincar com esse Vancouver Okay, então o prompt quer que respondamos
algo Remova a demonstração, a codificação física e contagem de
demonstrações para que o aplicativo possa ser
executado com dados e pagamentos de usuários reais Retire os e-mails específicos da demonstração. OK. Bem, eu vou dizer, sim, sim, vamos começar por aí. Tudo bem, então a demonstração foi
neutralizada
e, sim, podemos
continuar modificando Mas acho que você entendeu. Temos um bom ponto de partida. Nós podemos testar isso. Podemos adicionar recursos. Podemos redefinir as contas de administrador. E sim, esse é um exemplo
de como usamos um modelo. Então, eu só quero mostrar se
queremos remixar um
projeto meu existente Ok, então este é um dos meus projetos existentes
aqui. Lista de pickleball Se eu quisesse remixá-lo, clicaria no canto superior esquerdo Eu selecionaria
remixes como projetos. Eu lhe daria um nome. Eu selecionaria se quero incluir
o histórico do projeto ou não
e, em seguida, começaria de
um novo ponto de partida. Então, já abordamos um remix
quando usamos o modelo. Vou rapidamente fazer um remix existente porque
demora um pouco para ser remixado Estamos apenas indo para esse remix. E vamos ver minhas
primeiras instruções aqui. Ok, eu pedi que eu o remixasse porque
queria dar a ele uma funcionalidade
adicional Então, eu acrescentaria
a capacidade de pesquisar pessoas
por suas avaliações. Mas outra
razão pela qual você gostaria de
remixar é que talvez eu queira
aplicar os mesmos recursos, mas a esportes diferentes Então, talvez um anúncio de
golfe, listagem de campos de golfe, ou talvez você queira
adicionar um novo recurso, você só quer fazer backup dele. Então, sim, é
assim que podemos remixar. Então, eu não vou
passar por todo o processo, mas o que vou fazer é
tomar meu principal cuidado, escolher uma bola globalista Vou selecionar o remix. Vou chamá-la de lista de golfe. Então, basicamente, eu
deixaria passar pelo remix
e, quando tivesse a
capacidade de solicitá-lo, pediria que substituísse dados por campos de golfe
em vez de
quadras de pickleball
6. Picklelist with lovable: Neste vídeo,
vou mostrar a vocês um site codificado por
vibe praticamente completo ,
criado com E esta é uma lista de Pickleball. É uma lista global de clubes e
quadras de pickleball em todo o mundo e contém informações adicionais Então, vamos para a página principal. Por isso, agrupa as artes por país. Ele exibirá o melhor
jogador de cada país. Você pode ver o número de tribunais agrupados em
cada país e há pontos de vista diferentes. Você tem a visualização em blocos,
nós temos a visualização em grade, que não é agrupada por país, e temos a visualização do mapa. E então temos filtros
adicionais, para que você possa pesquisar por portas
que estão em um determinado país. Eu posso ver que isso
precisa ser corrigido aqui. Mas vamos digitar um teste. Tailândia. E você pode ver aqui que eu configurei
um banco de dados de senhas de usuário. Portanto, ao criar uma conta, você pode
enviar um CORT. Na verdade, você pode adicionar um
novo CORT à lista. E você pode realmente fazer uma
revisão. Você pode adicionar fotos. Vou apenas
mostrar um em que
testei a adição de uma avaliação. Então aqui está a foto que eu adicionei. Assim, qualquer pessoa com uma conta
pode fazer uma inscrição. Você também pode hospedar jogos. E sim, aqui, você pode criar um jogo.
Você pode hospedar jogos. E eu quero torná-lo um pouco mais social para que
você possa se conectar com outros jogadores
que talvez você não conheça. Eu criei uma
caixa de entrada para interagir com outros jogadores.
A área do perfil. Na verdade, você pode
selecionar sua classificação. Veja os RTs que você adicionou. E eu criei uma visão administrativa. Assim, o administrador pode realmente
aprovar os envios. Ok, então essa é
a conta de administrador. Portanto, no Admin, podemos ver todos os envios
pendentes, todos os aprovados. Então você pode ver que eu aprovo essa foto para aquele
CRT, o que é bom Sim, então esse é o aplicativo
picklelist. E você pode ver que o nome de domínio é tennis pickleball dot Coach Agora, isso é na verdade um subdomínio do meu site
Pickleball Tennis to Pickleball e eu
criei um link aqui. E vice-versa. Tenho
que atualizar isso Portanto, isso também deve
retornar ao meu site. Quando você clica no logotipo. Teremos que publicar
a última iteração porque acabei de fazer essa alteração, então eu realmente
teria que publicá-la Então, deixe-me levá-lo aos
bastidores. Deixe-me publicar
essa última alteração aqui. Então, algumas coisas importantes a serem observadas: eu uso o Lovable para
criar este site Na verdade, estou usando
um site Worpress apenas para o meu site normal Eu criei este
site WordPress no WordPress hospedado pela Scrud, então o SiteGround é um site de hospedagem conhecido por ser muito responsivo,
recomendado Scrud, então o SiteGround é
um site de hospedagem
conhecido por ser muito responsivo,
recomendado pela Gemini AI. Você pode ver que ele já me
deu algumas estatísticas, o que é interessante porque
acabei de criar o site. Então, no que se refere
ao domínio real. Na verdade, tive que
criar um subdomínio, list dot Pickleball E então, Lovable, uma vez que eu
realmente publiquei o aplicativo, ele permite que você direcione seu domínio personalizado para que você possa
listá-lo em seu subdomínio Vou te dar o endereço IP. Isso foi um pouco complicado, mas também pode ser acessado a
partir desta URL aqui Então, o processo,
deixe-me mostrar o começo no site da
Lovable Vamos apenas voltar. Veja, há muitas partes móveis. Mostrarei algumas das principais
instruções para criar este aplicativo. OK. Crie um diretório profissional de
Pickleball global
responsivo para dispositivos móveis chamado picklelist App chamado O aplicativo deve permitir que os usuários façam crowdsourcing de tribunais em todo o mundo
. O Core apresenta mapa
e pesquisa interativos , entradas de crowdsourcing, permitindo que as pessoas
enviem um CORT, perfis de
usuário e Portanto, temos um banco de dados. Os usuários podem adicionar suas
próprias avaliações de perfil. E então isso configura
o núcleo, o primeiro prompt. E o que eu gosto em Lovable
é que ele lhe dará algumas oportunidades de fazer algumas escolhas depois de
enviar a solicitação Então, minha próxima solicitação foi
corrigir alguns dos problemas. E então eu queria
preencher o diretório com algumas
artes reais, para começar, porque para dar o pontapé inicial, você precisa de alguns dados existentes Então, pedi que ela preenchesse o diretório com
artes no Canadá usando informações na
Internet. O que aconteceu. E eu estou familiarizado
com esses tribunais, então a IA em Lovable
é inteligente o suficiente para realmente
divulgar alguns dados na Internet E então eu fiz pequenas alterações, permitindo que o usuário escolha
entre Map e ListView Então, comecei a fazer alguns
testes no aplicativo e notei alguns novos
recursos que eu precisava. Então, permitimos que
as pessoas façam upload de fotos e as preencham
com mais dados E então eu criei uma conta de administrador para
revisar os envios E então eu preenchi mais tribunais nos Estados
Unidos e no México E então acabei de corrigir porque não consegui
ver as fotos depois envio foi aprovado,
então eles corrigiram isso. E então eu fiz algumas
alterações no ladrilho. Eu queria listar as velocidades
da Internet custo de vida porque é
um site de pickleball de destino E o resto é só consertar coisas que não estavam funcionando. Então, aqui está o aviso para adicionar informações adicionais
às miniaturas Adicione métricas adicionais às miniaturas
do destino do
pickleball, pesquisas como
custo de vida mensal, clima
atual
e Então isso está, eu acredito,
na visualização em grade. Assim, você pode ver todas essas informações
importantes lá. Em seguida, defina a
visualização padrão para ser agrupada por país
e, em seguida,
os três melhores jogadores de cada país. Em seguida, adicionei um
cabeçalho de logotipo aqui
e, em seguida, você pode ver que
acabei de criar links
para meus sites, adicionar uma área de mensagens, a capacidade de hospedar jogos. Sim, é basicamente isso. Portanto, é um processo de obter seus
recursos principais, testá-los e descobrir
o que precisa ser corrigido, adicionar recursos adicionais e simplesmente repetir o E sim, a principal parte final aqui foi
publicá-lo no meu domínio. É muito trabalhoso
chegar a um estágio de polimento utilizável. Mas sempre há pequenas coisas que você pode precisar corrigir. Mas se atualizarmos,
atualizaremos isso. O único recurso que preciso
testar é o link para o
site, e isso funciona Então vamos lá. Então,
isso é usar Lovable Então, para Lovable,
vamos voltar
ao prompt básico aqui para que
possamos clicar
no canto superior esquerdo para
voltar ao painel Então, eles estão usando o GBT 5.5
e aqui está o prompt principal. O que eu gosto no Lovable é
que ele é fácil de usar. É poderoso. Você pode ver seus projetos
existentes. Existem modelos existentes. Então, qualquer pessoa realmente tem
um bom ponto de partida para criar um
aplicativo codificado pelo Vibe e, como você pode ver, eu o vinculei ao meu site
real, onde ele se torna
como qualquer outro aplicativo,
e sim, isso é usar o
WordPress e o Sit Então, sim, foi
assim que eu criei a picklelist usando Lovable A última coisa que vou compartilhar
com você é o custo real. Então, estou usando o plano Pro. Então eu vou para o meu M. Eu vou para os meus planos.
Estou no plano profissional. Portanto, o plano P é de $50 por mês. E
sim, são
créditos mais do que suficientes para criar este aplicativo. Então eles me deram 100 créditos
mensais, e você viu que eu usei. Ainda tenho 84
créditos restantes, e você pode ver
aqui os créditos, eles são redefinidos diariamente
e mensalmente, e isso também é algo
que você deve conhecer. Você quer tentar criar o aplicativo com o
mínimo de créditos, mas também quer tempo suficiente para testar e garantir que todos os
bugs sejam resolvidos
7. Aplicativo Publicar: Então, você
chegará ao ponto em que seu aplicativo estará pronto para ser
compartilhado com o mundo, e é aqui que você
deseja publicar seu aplicativo. Você mesmo pode
testá-lo e visualizá-lo, mas sim, você precisa publicá-lo se quiser compartilhá-lo
com o mundo exterior. Portanto, o processo é
clicar em Publicar
e o Lovable
fará as verificações de segurança Eu lhe darei a opção de
fazer varreduras de segurança básicas, o que é ótimo porque a codificação do
Vibe
costuma costuma um ponto sensível em diferentes
plataformas de codificação do Em seguida, você terá
a opção de publicá-lo um domínio adorável ou
personalizado que você já possui. Eu possuo vários domínios no
Namecheap e no Go Daddy, e tudo bem, e o
Lovable faz um ótimo trabalho ao se
conectar a essas plataformas ou fornecer conectar a essas em
um domínio adorável ou
personalizado que você
já possui. Eu possuo
vários domínios no
Namecheap e no Go Daddy, e tudo bem,
e o
Lovable faz um ótimo trabalho ao se
conectar a essas plataformas ou fornecer as instruções. Eu também possuo domínios
no SiteGround, e há uma boa integração
com Por isso, recomendo usar o Sight Ground como uma plataforma
para seus domínios e sites Eu uso a plataforma para hospedar
meus sites WordPress. E funciona bem com Lovable. Agora, mais uma coisa é que, se quiser salvar o código, você pode fazer isso conectando-o a uma plataforma chamada GitHub Portanto, o GitHub é uma plataforma com a qual os desenvolvedores realmente
trabalham armazenam o código no
que chamamos de repositórios Então, quando terminar
seu projeto Lovable, você poderá realmente
salvar o código lá Talvez você queira
revender seu código
como modelo ou compartilhá-lo
com outra equipe Então, vou abordar como
fazer isso também. Você também pode simplesmente compartilhar seu projeto como um
modelo adorável com outras pessoas gratuitamente, e eu também
mostrarei como fazer isso Você também pode remixar um projeto
que você criou. Então, criando uma
versão diferente, talvez você tenha criado
uma lista de Pickleball
e queira
criar uma lista de golfe Também compartilharei como
fazer isso. Contanto que você não esteja aceitando
pagamentos usando o Stripe, você pode remixar um projeto Então, com isso
dito, vamos ao que interessa.
8. Salvando no GitHub: Vou compartilhar
como você pode pegar seu adorável projeto de codificação Vibe
e sincronizá-lo com o GitHub, que é a plataforma
na qual você pode trazer o código do seu projeto
e armazená-lo lá,
baixá-lo como um arquivo
zip para poder compartilhá-lo com um
desenvolvedor para continuar refinando seu projeto
ou talvez queira
vender seu adorável
modelo para outra pessoa Então, eu tenho meu amigo do projeto
Golf Yard. Vou passar o mouse
sobre o lado esquerdo. Vou clicar nas três
reticências. Vou clicar em Configurações. Então, no lado esquerdo, abaixo do projeto, eu posso ver o Git Então, vou
clicar em Git. escolher sincronizar com o Git. E você pode ver
que estamos conectados, e eu posso clicar nesse menu suspenso
para selecionar Exibir no Portanto, o GitHub é uma plataforma completamente
diferente. E sob essa área de código, posso clicar nela e
selecionar Baixar ZIP. Então, o que isso faz é que eu tenho um
arquivo ou arquivos cyto completamente contidos
no zip que têm todos os componentes de codificação que um desenvolvedor precisaria
para continuar trabalhando nisso, ou talvez eles queiram,
como eu disse, usar meu modelo
fora da adorável plataforma Então é assim que podemos salvar
nosso projeto no GitHub.
9. Conclusão: Ok, então isso conclui nosso curso Lovable
para codificação de vibrações É julho de 2026
e a Lovable
aprimorou seu produto. Eles adicionaram mais modelos. Eles adicionaram conectores
poderosos, que permitem que
você se conecte
facilmente a plataformas
como o Stripe para receber pagamentos e criar aplicativos
que podem criar contas de usuário com facilidade. Você pode se conectar ao Google Drive ou ao
TikTok usando os E eu criei alguns aplicativos
bonitos, o que eu diria, muito funcionais que na verdade,
publiquei
na Internet usando esta versão do Lovable. Eu diria que foi adorável nos últimos anos. Eu diria que Lovable nos últimos anos não
estava pronta para isso, mas posso ver as
melhorias que
agora você pode editar e criar a
partir do seu aplicativo Há a verificação de segurança
e, quando você publica, há uma forte integração com SytGround, que eu uso para hospedar
meus domínios Então, estou empolgado
em ver onde posso levar isso, onde você pode aproveitar o
conhecimento
adquirido neste curso para ver
o que você pode criar. Como você pode ver, eu criei a lista
Pickleball, portfólio do TikTok . Eu criei
a loja digital Drive para vender minhas imagens do meu Google Drive e
muito mais Agora é sua vez de ver o que você pode criar com suas habilidades
e sua criatividade. Boa sorte em sua futura jornada de codificação do
Vibe.
Greg Hung, Travel Videographer
