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.