Novo nesse assunto? Você está no lugar certo. Este artigo não pressupõe que você já tenha construído ou implantado algo antes. Se uma palavra precisa de explicação, ela é explicada bem onde aparece. Esse é provavelmente o assunto com mais jargão de toda essa série, então vá com calma — tem bastante vocabulário concentrado aqui.
A palavra para a qual tudo mais está apontando: implantar (deploy)
Construir um app no seu próprio computador e ele realmente ficar utilizável por outras pessoas na internet são duas coisas bem diferentes. Enquanto você o constrói, ele só existe na sua máquina — ninguém mais consegue visitá-lo. "Implantar" (deploy) é a palavra para a etapa em que seu app pronto (ou em progresso) é copiado para um computador acessível pela internet, para que um endereço real leve visitantes reais até ele. Tudo mais neste guia está preparando essa etapa ou dando suporte a ela.
O vocabulário, peça por peça
- Código são simplesmente as instruções escritas que fazem um app fazer o que faz — arquivos de texto, numa linguagem específica que um computador consegue seguir.
- Controle de versão é um sistema que mantém um histórico completo de cada mudança já feita no seu código — como "controle de alterações" num documento, mas muito mais poderoso, deixando você ver exatamente o que mudou, quando, e por quem, e desfazer qualquer uma dessas mudanças.
- Um repositório (ou "repo") é todo o histórico e o código atual de um projeto, guardados juntos. O GitHub é o lugar mais comum para manter um online.
- Um editor é o programa em que você de fato digita código — o equivalente a um processador de texto para escrever software.
- Um terminal é uma forma simples e baseada em texto de dar instruções diretas ao seu computador, em vez de clicar em botões. Parece intimidador, mas na verdade é só digitar um comando e apertar enter.
- Um agente de código com IA é um programa que consegue ler seu código, sugerir ou fazer mudanças, e rodar comandos para você dentro desse terminal — em vez de você escrever cada linha manualmente.
- Implantar (a palavra de cima) coloca seu app num computador acessível pela internet, num endereço real.
- Um banco de dados é onde os dados reais de um app vivem — contas de usuário, registros salvos, qualquer coisa que precise persistir entre visitas, diferente do código do app, que só descreve como ele se comporta.
Por que isso envolve tantas ferramentas diferentes
Cada uma das peças acima antes exigia configurar e manter seu próprio computador dedicado para ela. O que mudou é que todo um ecossistema de serviços agora cuida de cada peça para você, da mesma forma que o hosting gerenciado cuida da manutenção de um site — um serviço para manter o histórico do seu código, um serviço que implanta automaticamente seu app no momento em que você salva uma mudança, um serviço que roda seu banco de dados sem você administrar um computador de forma alguma. Você não está montando infraestrutura do zero; está conectando um punhado de serviços especializados que cada um faz bem um trabalho.
O que realmente acontece quando você "sobe código" e ele vai ao ar
Aqui está a parte que parece mágica na primeira vez que você vê: assim que o serviço de histórico do seu código (GitHub) está conectado ao seu serviço de implantação, salvar e enviar uma mudança no seu código pode fazer o serviço de implantação reconstruir e republicar seu app automaticamente em segundos — sem uma etapa manual em que alguém precisa lembrar de "colocar no ar". Você faz uma mudança, salva, e alguns segundos depois o site de verdade já tem essa mudança.
O que isso não é
Uma observação honesta, porque prometer demais não ajuda ninguém: nada disso torna construir um app fácil por si só — isso remove o trabalho de infraestrutura (servidores, manutenção, aplicação de patches de segurança), não o trabalho de de fato projetar e escrever o app. E um agente de código com IA acelera a escrita de código; ele não substitui entender o que o app deveria fazer nem revisar o que ele produz.
Pronto para a versão mais aprofundada?
Tudo acima é a versão em linguagem simples de um guia técnico real e prático — com comandos prontos para copiar e colar — para de fato configurar tudo isso e implantar um app de verdade. Se você quiser o detalhe de verdade, a versão completa está aqui: Build and Deploy a Next.js App with Claude, Vercel, and Supabase.
Se essa foi sua primeira leitura sobre qualquer uma dessas coisas, agora você já conhece vocabulário suficiente para acompanhar aquele artigo sem se perder no primeiro parágrafo.