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.