Resumo Breve
Este vídeo demonstra como criar aplicativos e sistemas SaaS de forma fácil e gratuita usando o Google AI Studio, mesmo sem conhecimento de programação. O vídeo aborda desde a criação de um aplicativo simples de calculadora de juros compostos até a hospedagem em servidores gratuitos e pagos, além de dicas para integrar o Google AI Studio com outras plataformas low-code como a Rápit e a Lovable.
- Criação de aplicativos no Google AI Studio sem necessidade de programação.
- Extração de código e hospedagem em servidores (Hostinger e Vercel).
- Integração com GitHub para versionamento e deploy contínuo.
- Dicas para economizar e maximizar o uso de diferentes plataformas.
Introdução
O vídeo apresenta a nova funcionalidade do Google AI Studio para criar aplicativos e sistemas SaaS de forma fácil e gratuita, explorando uma abordagem diferente, focando na construção de uma aplicação simples que serve como base para projetos futuros. O objetivo é mostrar como criar, extrair o código e hospedar a aplicação em servidores, incluindo uma opção gratuita e a Hostinger. O vídeo promete uma dica extra para usar o Google AI Studio em conjunto com outras plataformas como Lovable e Rapid, otimizando custos.
Visão Geral do Google AI Studio
O Google AI Studio é uma plataforma que permite criar aplicativos de forma gratuita. A plataforma oferece diversas funcionalidades, incluindo a capacidade de conversar com a IA, gerar imagens e vídeos, e criar aplicativos. A função de "stream" permite que a IA veja a tela do PC do usuário e interaja com ela. A seção "build" é onde se pode criar aplicativos, oferecendo exemplos e a opção de começar do zero usando prompts.
Construindo um Aplicativo do Zero
O processo de criação de um aplicativo começa com a escolha de um modelo de IA e a definição de instruções para o sistema. O Google AI Studio oferece opções como Angular com TypeScript e React com TypeScript para o front-end. O vídeo explica os conceitos de front-end e back-end, destacando que o Google AI Studio foca na criação do front-end. Para exemplificar, o vídeo demonstra a criação de uma calculadora de juros compostos, onde os cálculos são realizados no front-end, eliminando a necessidade de um back-end complexo.
Criando o Simulador de Juros Compostos
O processo de criação do simulador de juros compostos envolve descrever os campos necessários (valor inicial, valor mensal, taxa de juros, período) e fornecer um exemplo visual para a IA seguir. O resultado esperado é um gráfico e uma tabela com a evolução dos juros compostos. A plataforma permite visualizar o aplicativo em diferentes dispositivos (desktop, mobile, tablet) e oferece ferramentas para fazer anotações e correções diretamente na interface.
Corrigindo e Testando o Aplicativo
O vídeo mostra como usar a ferramenta de anotações para corrigir problemas de estilo e bugs no aplicativo. Após as correções, o aplicativo é testado para garantir que os cálculos estejam corretos. O vídeo detalha a correção de um erro no cálculo dos juros compostos, comparando os resultados com um site de referência para garantir a precisão.
Publicando o Aplicativo
O vídeo explica as opções de publicação do aplicativo, incluindo a geração de uma chave de API para usar os serviços de IA do Google Cloud. O vídeo demonstra como fazer o download do código do aplicativo e como compartilhá-lo, destacando as limitações de compartilhar o projeto diretamente do Google AI Studio. O vídeo então mostra duas formas de publicar o aplicativo: em um servidor pago (Hostinger) e em um servidor gratuito (Vercel).
Publicando na Hostinger
Para publicar o aplicativo na Hostinger, é necessário preparar o código utilizando o Node Package Manager (npm). O vídeo detalha a instalação do Node.js e do npm, a execução do comando npm install para baixar as dependências, e o comando npm run build para empacotar o projeto. Em seguida, o vídeo mostra como alterar a URL base no arquivo Vit Config e como subir os arquivos para o servidor da Hostinger via gerenciador de arquivos.
Publicando no Vercel
Para publicar o aplicativo no Vercel, é necessário salvar o código no GitHub. O vídeo demonstra como criar uma conta no GitHub, vincular a conta ao Google AI Studio, e criar um repositório para o aplicativo. Em seguida, o vídeo mostra como conectar o Vercel ao GitHub, selecionar o repositório do aplicativo, e fazer o deploy. O Vercel oferece uma URL gratuita para acessar o aplicativo.
Atualizando o Aplicativo e Considerações Finais
O vídeo demonstra como atualizar o aplicativo e sincronizar as alterações com o GitHub e o Vercel. O vídeo finaliza com uma dica para integrar o Google AI Studio com outras plataformas low-code como a Rápit e a Lovable, permitindo criar o front-end no Google AI Studio e o back-end e banco de dados na Rápit, aproveitando o melhor de cada plataforma.
