Claude Code Projenizi Hostinger'a Yayına Alın — Güvenli Yol

Claude Code projenizi çevrimiçi yayına alın — güvenli şekilde GitHub'a gönderin, Hostinger'da başlatın ve yerel derlemenizi herkesin erişebileceği canlı bir web sitesine dönüştürün.

Yol Haritası ve Kaynaklar

VS Code'u GitHub'a Bağlayın

GitHub ile giriş yapın

VS Code Sign In Continue with GitHub

Boş Bir GitHub Deposu Oluşturun

Depoyu oluşturun

GitHub New Repository

Net bir depo adı seçin Private seçeneğini işaretleyin README, lisans ve .gitignore seçeneklerini işaretsiz bırakın Depoyu oluşturun HTTPS URL'sini kopyalayın

Önce Yerelde Test Edin, Sonra GitHub'a Push'layın

Hızlı bir yerel test çalıştırın

Node.js'i İndirin

Node.js'i yalnızca npm yoksa kurun.

https://nodejs.org/en

npm install

npm run dev

Yerel URL'yi açın ve projenin düzgün çalıştığını doğrulayın.

Güvenli yayınlama prompt'unu kullanın

Git'i İndirin

Git'i yalnızca kurulu değilse kurun.

https://git-scm.com/

Güvenli GitHub Push Prompt'u

GitHub deponuzun URL'sini aşağıya ekleyin, ardından özelleştirilmiş prompt'u Claude Code'da kullanın.

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.

GitHub depo URL'si

https://github.com/username/repository-name.git

Hostinger'da yayına alın

Hostinger'ı açın

Hostinger'ı açın

Bu adım için hosting kurulumunuzu başlatın.

RECOMMENDED

https://www.hostg.xyz/SHJTL

Bir Node.js web uygulaması oluşturun

Hostinger Websites Add Website Node.js Web App

GitHub deponuzu içe aktarın

Gerekiyorsa ortam değişkenlerini ekleyin

Projenizin hangi ortam değişkenlerine ihtiyaç duyduğunu Claude Code'a sorun, ardından yalnızca o değerleri Hostinger'a ekleyin.

Bu eğitimde kullanılan Supabase değişkenleri

VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY

VITE_SUPABASE_URL

Proje URL'si

VITE_SUPABASE_ANON_KEY

Anon (herkese açık) anahtar

Bu değerleri Supabase'den alın

API ayarlarını aç

https://supabase.com/dashboard/project/_/settings/api

Canlı web sitenizi açın

Ana sayfaları test edin ve proje özelliklerinin çevrimiçi olarak düzgün çalıştığını doğrulayın.

Güncelleyin ve Hataları Geri Alın

Sonraki güncellemeleri yayımlayın

Değişikliği Claude Code ile yapın Değişikliği yerelde test edin Dosyaları Source Control'de gözden geçirin Kısa bir mesajla commit edin Değişiklikleri GitHub'a senkronize edin

Hostinger en son sürümü otomatik olarak yeniden yayımlayacaktır.

İstenmeyen yerel değişiklikleri geri alın

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

Bu seçenekleri yalnızca değişiklikleri commit etmeden veya senkronize etmeden önce kullanın.