Перейти к содержимому

Criando um Site de R$ 5.000 com Claude Code | Aula Completa

Aprendendo Sites

0:00 / 0:00

Criando um Site de R$ 5.000 com Claude Code | Aula Completa

9 746 просмотров · 1 мес. назад
Aprendendo Sites
128 тыс. подписчиков
9 746 просмотров · 1 мес. назад
Nesse vídeo eu te mostro como criar sites imersivos, cinematográficos e responsivos usando o Claude Code — do zero até o site publicado na internet, sem precisar escrever uma linha de código. Páginas com animação de scroll como essa são facilmente vendidas por R$5.000 ou mais no mercado, justamente porque dão um trabalho absurdo pra fazer na mão. Aqui você vai ver o passo a passo completo: como configurar o Claude Code, instalar a skill gratuita de direção de arte, conectar o Magnific via MCP pra gerar as imagens e os vídeos, pedir as revisões e, no final, hospedar tudo na HostGator pra colocar o site no ar. Serve tanto pra você que quer um site profissional pro seu próprio negócio quanto pra você que é web designer e quer oferecer um serviço bem melhor pros seus clientes. 🎁 SKILL GRATUITA "SITES CINEMATOGRÁFICOS" https://drive.google.com/file/d/1nQef... 🧠 MAPA MENTAL DO VÍDEO https://mm.tt/map/4077013317?t=8bcNUa... 🚀 HOSPEDAGEM HOSTGATOR COM O MELHOR PREÇO https://www.hostgator.com.br/42850.html 🔗 FERRAMENTAS CITADAS Claude (criar conta / login) — https://claude.ai/login Baixar o Claude no computador (Claude Code) — https://claude.com/download Documentação do Claude Code — https://code.claude.com/docs Magnific (antigo Freepik) — https://www.magnific.com Higgsfield — https://higgsfield.ai Modelos usados: Claude Opus 5, Kling, Seedance, Nano Banana 📚 CURSO DE WORDPRESS E ELEMENTOR https://aprendendosites.com/curso 💻​ CURSO APLICANDO IA https://cursoaplicandoia.com/ ▶️ VÍDEOS RELACIONADOS Claude Design Tutorial Completo    • Como Usar o Claude Design Passo a Passo | ...   ⏱️ CAPÍTULOS 0:00 O que você vai conseguir criar 0:49 Precisa saber programar? Não 1:15 Mapa mental do passo a passo 1:23 PASSO 1: conta e plano do Claude 2:39 Plano Pro x Max: qual vale a pena 4:51 Baixando o Claude no computador 5:44 Criando a pasta do projeto 7:03 Escolhendo o modelo e o nível de esforço 8:31 PASSO 2: baixando a skill gratuita 9:38 O que a skill faz por você 10:32 PASSO 3: conectando o gerador de imagens e vídeos 11:05 Higgsfield x Magnific: qual escolher 13:52 Como instalar o MCP dentro do Claude 16:32 Usa outra ferramenta? Adaptando a skill 17:35 PASSO 4: criando o site (o prompt inicial) 20:08 Respondendo as perguntas da direção de arte 22:47 A pesquisa de termos e objeções do nicho 25:15 Aprovando os créditos e o modelo de vídeo 26:29 O vídeo do scroll ficou pronto 27:23 Site pronto: tour pelo resultado 29:25 Testando a responsividade no celular e tablet 30:25 PASSO 5: pedindo revisões pro Claude 33:52 O resultado depois das revisões 35:41 PASSO 6: publicando o site 36:26 HostGator: planos P, M e Turbo 40:19 Ciclo de pagamento e domínio grátis 42:41 Formas de pagamento 43:35 Acessando o painel e o cPanel 44:43 Subindo o index.html e a pasta assets 48:34 Site no ar (não esqueça o Ctrl + F5) 49:13 Como atualizar o site depois 49:59 Spoiler do curso de IA #ClaudeCode #CriarSiteComIA #WebDesign