01
Guia prático · sem enrolação

DO ZERO
AO APP
NO AR.

Você não precisa saber programar. Precisa saber o que mandar a máquina fazer. Esse é o caminho inteiro, do computador vazio até o seu app rodando na internet pra qualquer um acessar.

00

A IDEIA
ANTES DE TUDO

Antes de instalar qualquer coisa, entende a jogada. Se você pegar isso aqui, o resto vira só seguir a receita.

O pulo do gato
Você instala UMA coisa na mão. Ela instala o resto e escreve o código pra você.

Essa coisa é o Claude Code, que roda dentro do terminal do seu computador. Ele é quem programa. Seu trabalho não é digitar código, é dar a ordem certa. Você conversa em português, ele executa. O guia inteiro é só isso: criar 3 contas, instalar o Claude, e ir mandando ele trabalhar.

01

O KIT

Você monta isso uma vez só. Serve pra esse app e pra todos os próximos. Repara numa coisa: das ferramentas da máquina, você instala só o Claude Code na mão. Node e Git quem instala é ele.

Contas na internet · gratuitas pra começar
Grátis
GITHUB

O cofre do código. Guarda tudo que o Claude escreve, versão por versão.

github.com
Grátis
VERCEL

Onde o app fica no ar. Puxa direto do GitHub e publica sozinho.

vercel.com
Grátis
SUPABASE

Banco de dados, login de usuário e armazenamento de arquivos.

supabase.com
Opcional
CLOUDFLARE

Só se você quiser um domínio próprio no lugar do endereço grátis.

cloudflare.com
Na sua máquina
Você instala
CLAUDE CODE

O cérebro. Escreve o código e instala o resto. A única coisa que vai na mão.

1 comando
O Claude instala
NODE.JS

A base que faz um app moderno rodar. Você não toca nisso.

Via prompt
O Claude instala
GIT

O que conversa com o GitHub pra guardar as versões do código.

Via prompt
Já tem
TERMINAL

Já vem no Windows. É o PowerShell. É por ali que tudo começa.

Windows + X
02

CRIAR
AS CONTAS

Começa pelas contas porque o Claude vai precisar delas na frente. Faz nessa ordem. Leva uns 5 minutos.

A
Primeiro
Cria o GitHub

Entra em github.com e cria a conta com seu email. Esse vai ser seu login mestre. Guarda bem o usuário e a senha.

B
Depois
Cria a Vercel logando com o GitHub

Em vercel.com, na hora de criar a conta, clica em continuar com GitHub. Não cria senha nova. Isso já deixa as duas conversando, que é o que a gente quer.

C
Depois
Cria o Supabase logando com o GitHub

Mesma coisa em supabase.com: entra com o GitHub. Não precisa criar o projeto ainda. Só ter a conta. A gente cria o banco lá no passo 07.

Por que logar tudo com o GitHub

Porque assim você tem uma senha só e as ferramentas já se reconhecem. Menos coisa pra esquecer, menos atrito na hora de publicar.

03

INSTALAR
O CLAUDE CODE

Esse é o único programa que você instala na mão. Depois dele, é tudo por conversa.

03
Terminal
Abre o terminal e cola o comando

Aperta Windows + X e clica em Terminal. Vai abrir o PowerShell. Cola o comando abaixo e dá Enter. Ele baixa e instala o Claude Code sem precisar de mais nada.

PowerShell
PS> irm https://claude.ai/install.ps1 | iex
Confirmar
Fecha, abre de novo e testa

Fecha o terminal e abre um novo. Isso é importante pro computador enxergar o programa recém instalado. Depois cola o teste abaixo. Se aparecer um número de versão, deu certo.

PowerShell
PS> claude --version
Entrar
Liga o Claude e faz login

Digita claude e dá Enter. Na primeira vez ele abre o navegador pra você entrar com sua conta Claude. Faz o login, volta pro terminal, e pronto: você está conversando com quem vai construir o app.

PowerShell
PS> claude
A pergunta que todo mundo faz

"Por que instalar o Claude primeiro?" Porque ele não consegue se instalar sozinho, mas instala tudo o resto. Por isso ele é a única coisa que vai na sua mão. Do passo 04 em diante, quem trabalha é ele.

04

DEIXA O CLAUDE
INSTALAR O RESTO

Aqui começa a mágica. Você não vai baixar Node nem Git de site nenhum. Você pede, e ele instala.

04
Prompt
Cola esse pedido dentro do Claude

Com o Claude aberto no terminal, cola o texto abaixo e dá Enter. Ele vai pedir sua permissão pra rodar cada comando. Você aprova. Em poucos minutos Node e Git estão instalados.

Prompt pra colar no Claude
Instale o Node.js na versão LTS e o Git aqui no meu Windows usando o winget. Roda os comandos, pede minha permissão quando precisar, e no final me confirma as versões que ficaram instaladas.
Pegadinha do PATH

Depois de instalar Node e Git, sai do Claude digitando /exit, fecha o terminal e abre um novo antes de seguir. Isso garante que o computador reconheça os programas novos. Aí você roda claude de novo e continua.

05

A PASTA
DO PROJETO

Todo app mora numa pasta. Você cria ela, entra dentro, e abre o Claude ali. Assim ele trabalha no lugar certo.

05
Terminal
Cria a pasta, entra nela e abre o Claude

No terminal, cola as três linhas abaixo, uma de cada vez. Troca meu-app pelo nome que você quiser. Sem espaço e sem acento no nome.

PowerShell
PS> mkdir meu-app   # cria a pasta
PS> cd meu-app      # entra nela
PS> claude          # abre o Claude aqui dentro
06

MANDA O CLAUDE
MONTAR O APP

Agora sim. Com o Claude aberto dentro da pasta, você descreve o que quer e ele monta a estrutura inteira.

06
Prompt
O pedido que cria o esqueleto

Esse prompt monta um app com a base que quase todo mundo usa hoje. Depois é só ir pedindo as telas e funções que você imaginou.

Prompt pra colar no Claude
Cria um app do zero nesta pasta usando Next.js com TypeScript e Tailwind. Já configura pensando em publicar na Vercel depois. Quando terminar, roda ele aqui no meu computador e me passa o endereço pra eu abrir no navegador.

Depois desse, você continua conversando. Por exemplo: "cria uma tela de login e uma tela inicial com a lista dos meus produtos". Ele vai construindo em cima.

07

LIGA O BANCO
DE DADOS

Se o seu app guarda qualquer coisa (usuários, pedidos, mensagens), ele precisa de um banco. É pra isso que serve o Supabase. São duas partes: pegar as chaves lá, e mandar o Claude conectar.

7a
No site
Cria o projeto e copia as duas chaves

Entra no supabase.com, clica em New project e dá um nome. Espera uns minutos ele criar. Depois vai em Settings e depois API. Copia dois valores: a Project URL e a chave anon public. São esses dois que o Claude precisa.

7b
Prompt
Manda o Claude conectar

Cola o prompt trocando os dois campos em laranja pelo que você copiou. Ele instala a conexão e guarda as chaves num arquivo protegido.

Prompt pra colar no Claude
Vou te passar a URL e a chave anon do meu projeto no Supabase. Instala o cliente do Supabase no projeto, cria o arquivo .env.local com essas chaves e deixa a conexão pronta pra usar. URL: COLA_A_URL_AQUI Chave anon: COLA_A_CHAVE_AQUI
Sobre as chaves

A chave anon public é a única que pode ir pro app. Se o Supabase te mostrar uma chave chamada service_role ou secret, não usa essa aqui. Ela é o mestre do banco e nunca sai do servidor.

08

VÊ FUNCIONANDO
NA SUA TELA

Antes de botar no mundo, você testa no seu computador. É o famoso "rodar local". Ninguém vê ainda, é só pra você conferir.

08
Prompt
Pede pra rodar e abre no navegador

Ele vai te dar um endereço tipo localhost:3000. Abre isso no navegador e o app aparece. Se algo estiver errado, ele mesmo resolve e roda de novo.

Prompt pra colar no Claude
Roda o app aqui no meu computador e me diz se está tudo funcionando sem erro. Se aparecer algum problema, resolve e roda de novo até ficar limpo.
09

GUARDA
NO GITHUB

Agora você sobe o código pro cofre. Isso protege seu trabalho e, mais importante, é daqui que a Vercel vai puxar pra publicar.

09
Prompt
Sobe pro repositório sem vazar as chaves

Esse prompt cria o repositório e, antes de subir, confere que suas chaves ficaram de fora. Na primeira vez ele pode pedir pra você autorizar a conexão com o GitHub. É só seguir o que ele mostra.

Prompt pra colar no Claude
Sobe esse projeto pro meu GitHub num repositório novo e privado. Antes de subir, confere que o .gitignore está protegendo o arquivo .env.local pra minhas chaves não vazarem. No final me manda o link do repositório.
10

COLOCA
NO AR

O momento em que o app sai do seu computador e vira um link que qualquer pessoa acessa. Você tem dois caminhos. Escolhe um.

10a
No site
Caminho simples: pelo site da Vercel

Entra na vercel.com, clica em Add New e depois Project. Ela mostra seus repositórios do GitHub. Escolhe o que você acabou de subir e clica em Import. Antes de finalizar, abre Environment Variables e cola ali as mesmas chaves do seu arquivo .env.local (a URL e a chave anon do Supabase). Clica em Deploy. Em um ou dois minutos seu app tem um link no ar.

10b
Prompt
Caminho rápido: pedindo pro Claude

Se preferir não sair do terminal, manda ele publicar. Na primeira vez ele te guia pra conectar sua conta da Vercel.

Prompt pra colar no Claude
Faz o deploy desse projeto na Vercel usando a CLI. Configura lá as mesmas variáveis de ambiente que estão no meu .env.local. No final me passa o link do site no ar.
O melhor combinado da Vercel com o GitHub

Depois de conectada, toda vez que o Claude subir uma mudança pro GitHub, a Vercel republica sozinha. Você mexe no app, ele salva, e o site atualiza sem você fazer mais nada.

11

DOMÍNIO PRÓPRIO
opcional

Seu app já nasce com um endereço grátis tipo meu-app.vercel.app. Isso funciona perfeitamente. Só faz esse passo se você quiser um nome próprio, tipo meuapp.com.br.

11
Opcional
Aponta o domínio pra Vercel

Compra o domínio (na própria Vercel, na Cloudflare ou onde preferir). Na Vercel, dentro do projeto, vai em Settings e depois Domains, e adiciona o seu nome. Ela te mostra o que configurar no DNS. Se o domínio estiver na Cloudflare, você cola essa configuração lá. Em alguns minutos seu nome próprio está apontando pro app.

12

DAQUI
PRA FRENTE

O app está no ar. Mas ele nunca fica pronto de verdade. A diferença agora é que mudar virou fácil.

A regra que muda tudo
Você não fecha o Claude. Você conversa com ele.

Quer mudar uma cor, adicionar uma tela, corrigir um erro que um cliente achou? Abre o terminal na pasta do projeto, roda claude, e fala em português o que precisa. Ele muda, testa e sobe. Exemplo real de pedido: "muda a cor do botão principal pra laranja e aumenta o título da primeira tela". É assim que o app cresce.

A COLA
DE PROMPTS

Todos os prompts do guia, na ordem, num lugar só. Salva essa parte. Quando for fazer o próximo app, é só descer aqui e ir colando.

Passo 04 · instalar Node e Git
Instale o Node.js na versão LTS e o Git aqui no meu Windows usando o winget. Roda os comandos, pede minha permissão quando precisar, e no final me confirma as versões que ficaram instaladas.
Passo 06 · montar o app
Cria um app do zero nesta pasta usando Next.js com TypeScript e Tailwind. Já configura pensando em publicar na Vercel depois. Quando terminar, roda ele aqui no meu computador e me passa o endereço pra eu abrir no navegador.
Passo 07 · conectar o Supabase
Vou te passar a URL e a chave anon do meu projeto no Supabase. Instala o cliente do Supabase no projeto, cria o arquivo .env.local com essas chaves e deixa a conexão pronta pra usar. URL: COLA_A_URL_AQUI Chave anon: COLA_A_CHAVE_AQUI
Passo 08 · rodar e testar
Roda o app aqui no meu computador e me diz se está tudo funcionando sem erro. Se aparecer algum problema, resolve e roda de novo até ficar limpo.
Passo 09 · guardar no GitHub
Sobe esse projeto pro meu GitHub num repositório novo e privado. Antes de subir, confere que o .gitignore está protegendo o arquivo .env.local pra minhas chaves não vazarem. No final me manda o link do repositório.
Passo 10 · publicar na Vercel
Faz o deploy desse projeto na Vercel usando a CLI. Configura lá as mesmas variáveis de ambiente que estão no meu .env.local. No final me passa o link do site no ar.

SE DER
ERRO

Os tropeços mais comuns e o que fazer. Quase tudo se resolve fechando e abrindo o terminal. Se não, é só colar o erro pro Claude e pedir pra resolver.

O que aparecePor quêComo resolve
claude não é reconhecido Você abriu o terminal antes de instalar. Fecha e abre um terminal novo. O computador só enxerga o programa depois disso.
node não é reconhecido Node ainda não entrou no caminho do sistema. Sai do Claude com /exit, fecha o terminal, abre de novo e roda claude.
winget não é reconhecido Windows sem o instalador de apps. Instala o App Installer pela Microsoft Store e tenta o prompt de novo.
irm dá erro Você está no Prompt de Comando antigo, não no PowerShell. Abre pelo Windows + X e escolhe Terminal, que já é o PowerShell.
Qualquer erro dentro do app Faz parte. Acontece com todo mundo. Copia a mensagem inteira e cola pro Claude pedindo pra resolver. É pra isso que ele existe.
Fellipe Sales · Guia do zero ao ar

PENSA.
PEDE.
PUBLICA.

A ferramenta faz o código. Você faz a jogada. Instala o Claude, cria as 3 contas, e vai mandando ele trabalhar.

Quer ver uma dessas máquinas já pronta e rodando de verdade? Entra e testa a minha, de graça.

Não ensino ferramenta. Ensino a cabeça que usa qualquer uma.
Crie aplicativos com a minha ajuda. apenas R$ 41,06/mês
Entre para a comunidade →