Implante o seu projeto Claude Code na Hostinger — com segurança
Publique um projeto do Claude Code online: envie-o para o GitHub com segurança, lance-o na Hostinger e transforme o seu build local num site ao vivo que qualquer pessoa pode abrir.
Roadmap e recursos
Conecte o VS Code ao GitHub
Entre com o GitHub
VS Code Sign In Continue with GitHub
Crie um repositório vazio no GitHub
Crie o repositório
GitHub New Repository
Escolha um nome claro para o repositório Selecione Private Deixe README, licença e .gitignore desmarcados Crie o repositório Copie a URL HTTPS
Teste localmente e depois envie para o GitHub
Faça um teste rápido localmente
Baixar Node.js
Instale o Node.js apenas se o npm não estiver disponível.
https://nodejs.org/en
npm install
npm run dev
Abra a URL local e confirme que o projeto funciona corretamente.
Use o prompt de publicação segura
Baixar Git
Instale o Git apenas se ele não estiver disponível.
https://git-scm.com/
Prompt para enviar ao GitHub com segurança
Adicione a URL do seu repositório do GitHub abaixo e use o prompt personalizado no Claude Code.
Eu já criei um repositório vazio no GitHub. URL do repositório do GitHub: {{GITHUB_REPOSITORY_URL}} Por favor, prepare e envie este projeto local para esse repositório do GitHub. Regras: - Não altere o código do app, a UI, o design, as rotas, a lógica do banco de dados, a lógica do backend, a lógica do Supabase nem a funcionalidade. - Cuide apenas da publicação com Git e GitHub. - Primeiro verifique o status do Git, a branch, os remotes, o .gitignore e os arquivos rastreados. - Garanta que .env e .env.local não sejam commitados. - Garanta que arquivos gerados como node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store e arquivos de log sejam ignorados. - Se arquivos desnecessários já estiverem rastreados, remova-os apenas do rastreamento do Git. Não exclua arquivos reais do projeto. - Use main para um repositório novo, a menos que uma branch existente deva ser preservada. - Conecte este projeto à URL do repositório do GitHub. - Crie um commit limpo se necessário. - Envie o projeto para o GitHub. Se o envio falhar, diagnostique e corrija apenas a configuração do Git/GitHub. Não altere a funcionalidade do app. Antes de qualquer ação destrutiva, explique o que encontrou e o que planeja fazer.
URL do repositório do GitHub
https://github.com/username/repository-name.git
Implante na Hostinger
Abra a Hostinger
Abra a Hostinger
Comece a configuração da sua hospedagem para esta etapa.
RECOMENDADO
https://www.hostg.xyz/SHJTL
Crie um app web Node.js
Hostinger Websites Add Website Node.js Web App
Importe o seu repositório do GitHub
Adicione variáveis de ambiente se necessário
Pergunte ao Claude Code de quais variáveis de ambiente o seu projeto precisa e adicione apenas esses valores na Hostinger.
Variáveis do Supabase usadas neste tutorial
VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY
VITE_SUPABASE_URL
URL do projeto
VITE_SUPABASE_ANON_KEY
Chave anon (pública)
Obtenha esses valores no Supabase
Abrir configurações de API
https://supabase.com/dashboard/project/_/settings/api
Abra o seu site no ar
Teste as páginas principais e confirme que os recursos do projeto funcionam corretamente online.
Atualize e desfaça erros
Publique atualizações futuras
Faça a alteração com o Claude Code Teste a alteração localmente Revise os arquivos em Source Control Faça commit com uma mensagem curta Sincronize as alterações com o GitHub
A Hostinger vai reimplantar automaticamente a versão mais recente.
Descarte alterações locais indesejadas
VS Code Source Control Modified File Discard Changes
VS Code Source Control More Actions Changes Discard All Changes
Use estas opções apenas antes de fazer commit ou sincronizar as alterações.