Aula 4 – Curso de Google AI Studio

O que é deploy e por que importa

Deploy é o processo de colocar um projeto online, tornando-o acessível a qualquer pessoa na internet. Quando se trabalha com Google AI Studio para criar landing pages ou aplicações, o próximo passo natural é publicar o resultado. Esta aula da série Vibe Coding aborda especificamente como hospedar projetos desenvolvidos com IA, explorando duas abordagens: uma gratuita através da Netlify e outra profissional utilizando Hostinger. Ambas as soluções são viáveis dependendo das necessidades do projeto e do orçamento disponível.

Google AI Studio como ferramenta criadora

O Google AI Studio é uma plataforma que permite criar aplicações e landing pages com inteligência artificial, facilitando o desenvolvimento sem necessidade de conhecimento técnico profundo. Os projetos gerados nesta plataforma precisam ser hospedados em algum lugar para funcionarem na web. A diferença entre ter um projeto local no computador e tê-lo online é fundamental: localmente apenas você pode acessar, enquanto hospedado qualquer pessoa com o link consegue visualizar. O Google AI Studio fornece uma base sólida para criar o conteúdo, mas para profissionalizar e compartilhar amplamente, é necessário dominar o processo de deploy.

Netlify como opção gratuita e prática

A Netlify é uma plataforma de hospedagem moderna que oferece um plano gratuito bastante generoso para pequenos projetos e protótipos. Sua principal vantagem é a simplicidade: conectar um repositório, autorizar a plataforma e pronto, o projeto fica online automaticamente. O processo de upload de arquivos é intuitivo, permitindo que mesmo iniciantes consigam hospedar seu trabalho sem complicações. A plataforma gerencia a pasta public automaticamente, onde residem os arquivos que serão servidos aos usuários. Não é necessário configurar DNS manualmente nem lidar com detalhes técnicos complexos, o que torna a Netlify ideal para quem está começando ou quer testar ideias rapidamente.

Configuração profissional com Hostinger

Hostinger representa a abordagem profissional e escalável, especialmente quando há necessidade de maior controle e recursos avançados. Além de hospedagem de arquivos, Hostinger oferece gerenciamento completo de domínio próprio, configuração de DNS, email corporativo e ferramentas de segurança mais robustas. A aula demonstra em detalhes como subir arquivos utilizando o painel de controle da Hostinger, configurar um domínio customizado e realizar as alterações necessárias no DNS. Embora seja um serviço pago, oferece mais liberdade e capacidade de crescimento, sendo adequado para projetos que pretendem ganhar tração ou se tornar aplicações de maior porte.

Comandos npm e build de projeto

No processo de deploy, é essencial compreender o fluxo de construção do projeto. O comando npm install baixa todas as dependências necessárias para o projeto rodar localmente, garantindo que todas as bibliotecas e ferramentas estejam disponíveis. Em seguida, npm run build compila o projeto em uma versão otimizada pronta para produção, gerando arquivos estáticos que podem ser hospedados em qualquer servidor web. Esses comandos são fundamentais tanto na Netlify quanto na Hostinger, pois determinam como o projeto será transformado de código-fonte para uma aplicação web funcional e otimizada.

Gerenciamento de arquivos e pasta public

A pasta public é o coração do deploy: contém todos os arquivos estáticos que serão servidos aos visitantes (HTML, CSS, JavaScript, imagens). Compreender sua estrutura é crucial para garantir que o projeto funcione corretamente online. Ao fazer upload para Hostinger, por exemplo, todos os arquivos da pasta public devem estar no diretório raiz da hospedagem. Qualquer arquivo fora dessa pasta não será acessível aos usuários. A organização correta dos arquivos, nomeação apropriada e verificação de caminhos são detalhes que definem o sucesso ou fracasso de um deploy. Uma falha no gerenciamento dessa pasta pode resultar em imagens não carregando, estilos CSS não aplicando ou scripts JavaScript não funcionando.

Configuração de domínio e DNS

Ter um domínio próprio profissionaliza qualquer projeto. A configuração de DNS conecta o domínio à hospedagem, indicando para a internet onde encontrar os arquivos. O processo envolve atualizar os registros de nameserver no painel do registrador de domínio para apontar para os servidores do provedor de hospedagem. Na Hostinger, esse processo é documentado e facilitado através de um painel intuitivo. Ter uma URL customizada em vez de um endereço genérico aumenta credibilidade, melhora SEO e torna o projeto memorável. A aula detalha cada passo dessa configuração, desde a compra do domínio até sua ativação completa.

Escolhendo entre Netlify e Hostinger

A decisão entre as duas plataformas depende do cenário. Netlify é ideal para prototipagem rápida, portfólio de desenvolvimento, projetos pessoais e MVPs que precisam ir ao ar rapidamente sem custo inicial. Hostinger é melhor para negócios estabelecidos, projetos que exigem email corporativo, domínios customizados desde o início ou quando há previsão de crescimento significativo. A aula apresenta ambas as opções com igual profundidade, permitindo que cada desenvolvedor escolha conforme suas necessidades reais. Compreender as diferenças e vantagens de cada uma capacita a tomar decisões informadas sobre qual ferramenta melhor se adequa ao projeto em questão.