Vibe Coding com Claude Code: Guia para Iniciantes (do zero ao deploy)

🌐 Comunidade gratuita VibeCoding Base ➜ https://www.skool.com/vibe-coding-base-3189 ✅ Hospedagem Hostinger com 10% de desconto ➜ https://www.hostg.xyz/SHJF2 Aplique no checkout o cupom: *PNP* 🚀 Curso Vibe Coding na Prática Transforme sua ideia em projeto real — do zero ao deploy ➜ https://link.vibecodingnapratica.com.br/204 --- 🔗 *FERRAMENTAS USADAS*: 🤖 Antigravity (editor de código gratuito do Google) ➜ https://antigravity.google 💬 Gemini (chat IA para planejamento) ➜ https://gemini.google.com 🔑 Google AI Studio (chave de API Gemini) ➜ https://aistudio.google.com 🔑 OpenAI API (chave de API OpenAI) ➜ https://platform.openai.com 📦 Node.js (necessário para rodar projetos) ➜ https://nodejs.org 🐙 GitHub (armazenamento de projetos) ➜ https://github.com 🚀 Netlify (hospedagem gratuita) ➜ https://netlify.com 🗂️ Supabase Edge Functions (segurança de API) ➜ https://supabase.com --- Nesse vídeo você vai aprender a criar um app completo do zero utilizando o Claude Code — sem escrever uma única linha de código. O projeto é o Descomplique, um chat terapeuta criado com vibe coding e inteligência artificial para ajudar pessoas a elaborar seus pensamentos em momentos de bloqueio. O tutorial mostra todo o processo na prática: como usar o Antigravity e o Claude Code, como planejar o app com Gemini, como resolver erros comuns durante a criação, e como publicar a aplicação na internet usando GitHub, Netlify e Hostinger. Se você quer entender como o vibe coding funciona na prática e como transformar qualquer ideia em uma aplicação real, esse vídeo é o ponto de partida ideal — para qualquer pessoa, de qualquer área, sem experiência em programação. --- 📌 *O que você vai aprender nesse vídeo:* 00:00 - Introdução: criando um app completo com Claude Code 01:34 - O que é Vibe Coding e por que aprender 02:02 - Instalando e configurando o Antigravity 03:35 - Como instalar o Claude Code no Antigravity 04:03 - Planos do Claude: qual escolher para começar 05:12 - Planejando o app com Gemini antes de usar o Claude Code 07:03 - Usando Claude Opus para planejar e Sonnet para executar 08:30 - Modos de trabalho: Edit Automatically vs. Bypass Permissions 11:56 - O que é a pasta node_modules e por que instalar o Node.js 13:07 - Configurando a chave de API no arquivo .env 14:49 - Processo de interação: como corrigir erros no vibe coding 19:00 - Publicando o app na internet com Netlify (gratuito) 20:05 - Usando GitHub para armazenar e fazer deploy do projeto 22:23 - Atenção: como proteger sua chave de API no deploy 23:33 - Deploy na Hostinger (Render) — alternativa paga sem limites 25:00 - Resultado final e próximos passos --- *CONTATOS* 📩 Parcerias ➜ [email protected] 💼 Orçamentos para serviços ➜ https://projetos.vibecodingnapratica.com.br/f/solicitacao-de-servicos