Você não precisa mais do que meia hora para transformar um tutorial sem graça desse em texto nessa página super bonita, interativa, responsiva no celular. O IA modo de usar de hoje vai falar do Lovable, ferramenta de criação de sites e aplicativos web por IA. Aqui você vai transformar sua ideia sem tocar no código ou nem mexer no app para design, só falando para o que você quer.
Vai lá em lovable. dev, deve, faz o cadastro e cria um novo projeto. Aí você descreve o que você quer.
No caso aqui eu dei um prompt simples. Crie uma página interativa para aprender como usar o modo deep research do chat apt. Use esse documento em sua totalidade.
Simples assim. Aí eu colei o texto que eu tinha no doc deep research do chat EPT, que eu curto muito uma meta linguagem. Joguei o prompt, ele foi lá, em incríveis 2 minutos criou vários arquivos, ligou um servidor e rodou uma primeira versão do site.
Dá para ver o preview aqui do lado na tela maior. Depois de mexer em um monte de código, ele explica o que fez passo a passo. A interface toda do site éem inglês e ele às vezes mistura as duas línguas, mas não se preocupa que ele entende português sem problema.
Aliás, eu vi que tinha um bug. Eu pedi para ele jogar o texto inteiro, mas só apareceu um pedaço. Isso é comum.
As IAS costumam ter um limite do tamanho de código de output e como a programação é a prioridade, acabou comendo o texto. Aí eu resolvi fazer as sessões passo a passo, sem muitas instruções específicas, confiando no gosto da IA. Tipo aqui, cria alguns ícones ou variações visuais do background para dar um pouco mais de dinamismo na página ou algo como use algum ícone ou animação discreta.
Com apenas oito prompts já ficou uma landing page bem respeitável. Aí você faz uns ajustes finos. Eu peguei uma imagem da logo do Chat GPT e pedi para ele colocar no topo.
Ele achou um tamanho OK, eu não vou discutir. E um negócio muito legal do Lovable é que ele tem esse editor visual. Você clica aqui embaixo, seleciona o elemento da página que você quer mexer e dá para ajustar cor, tamanho, fonte, etc.
Agora, um toque final. Eu quero usar essa página aqui para capturar leads. Então, eu vou criar uma caixinha lá no final pra pessoa deixar o e-mail.
Eu peço pro Lovable escrever um call to action. Legal, mas eu preciso guardar esse e-mail em algum lugar. Para isso, eu vou usar um serviço de banco de dados na nuvem gratuito chamado Subabase.
Vai lá em subabase. com, cria uma conta e um projeto. Aqui no Lovab, clica aqui no link do Subabase e pronto.
Ele vai se encarregar de conectar o site com a base. Ele cria tabelas, define as colunas. É só aceitar aqui a sugestão que ele executa tudo.
E pronto, eu posso ver aqui que os e-mails estão sendo capturados. Depois eu posso criar algum tipo de automação para vender meu serviço de aulas de EA. Que tal?
E foi isso. 15 prompts 29 minutos. Um site bonitinho, inclusive no mobile.
Aí basta clicar em publish, que você tem um endereço de um site feito por você com ajuda, bela ajuda da IA para distribuir por aí. Demais, né? Espero que você esteja tão empolgado com as possibilidades quanto eu.
Boa sorte nos próximos projetos e até o próximo IA modo de usar.
