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.