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.
I already created an empty GitHub repository. GitHub repository URL: {{GITHUB_REPOSITORY_URL}} Please prepare and push this local project to that GitHub repository. Rules: - Do not change the app code, UI, design, routes, database logic, backend logic, Supabase logic, or functionality. - Only handle Git and GitHub publishing. - Check Git status, branch, remotes, .gitignore, and tracked files first. - Make sure .env and .env.local are not committed. - Make sure generated files like node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store, and log files are ignored. - If unnecessary files are already tracked, remove them from Git tracking only. Do not delete real project files. - Use main for a new repository, unless an existing branch should be preserved. - Connect this project to the GitHub repository URL. - Create a clean commit if needed. - Push the project to GitHub. If the push fails, diagnose and fix only the Git/GitHub setup. Do not change app functionality. Before any destructive action, explain what you found and what you plan to do.
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
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
Publishable key
Obtenha esses valores no Supabase
Abrir o Connect
https://supabase.com/dashboard/project/_?showConnect=true
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.