Deploy Proyek Claude Code Kamu ke Hostinger — dengan Cara Aman

Masuk dengan GitHub

VS Code Sign In Continue with GitHub

Buat repository

GitHub New Repository

Pilih nama repository yang jelas Pilih Private Biarkan README, lisensi, dan .gitignore tidak dicentang Buat repository Salin URL HTTPS

Lakukan uji cepat secara lokal

Unduh Node.js

Instal Node.js hanya jika npm belum tersedia.

https://nodejs.org/en

npm install

npm run dev

Buka URL lokal dan pastikan proyek berjalan dengan benar.

Gunakan prompt publikasi yang aman

Unduh Git

Instal Git hanya jika belum tersedia.

https://git-scm.com/

Prompt Push GitHub yang Aman

Tambahkan URL repository GitHub kamu di bawah, lalu gunakan prompt yang sudah disesuaikan di Claude Code.

Saya sudah membuat repository GitHub kosong. URL repository GitHub: {{GITHUB_REPOSITORY_URL}} Tolong siapkan dan push proyek lokal ini ke repository GitHub tersebut. Aturan: - Jangan ubah kode app, UI, desain, rute, logika database, logika backend, logika Supabase, atau fungsionalitas. - Tangani hanya publikasi Git dan GitHub. - Periksa dulu status Git, branch, remote, .gitignore, dan file yang dilacak. - Pastikan .env dan .env.local tidak ikut di-commit. - Pastikan file yang dihasilkan seperti node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store, dan file log diabaikan. - Jika ada file yang tidak perlu sudah dilacak, hapus hanya dari pelacakan Git. Jangan hapus file proyek yang asli. - Gunakan main untuk repository baru, kecuali branch yang sudah ada harus dipertahankan. - Hubungkan proyek ini ke URL repository GitHub. - Buat commit yang bersih jika diperlukan. - Push proyek ke GitHub. Jika push gagal, diagnosis dan perbaiki hanya pengaturan Git/GitHub. Jangan ubah fungsionalitas app. Sebelum tindakan yang merusak, jelaskan apa yang kamu temukan dan apa yang akan kamu lakukan.

URL repository GitHub

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

Buka Hostinger

Buka Hostinger

Mulai setup hosting Anda untuk langkah ini.

DIREKOMENDASIKAN

https://www.hostg.xyz/SHJTL

Buat app web Node.js

Hostinger Websites Add Website Node.js Web App

Impor repository GitHub kamu

Tambahkan environment variable jika diperlukan

Tanyakan ke Claude Code environment variable apa saja yang dibutuhkan proyekmu, lalu tambahkan hanya nilai-nilai itu di Hostinger.

Variabel Supabase yang dipakai di tutorial ini

VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY

VITE_SUPABASE_URL

URL proyek

VITE_SUPABASE_ANON_KEY

Kunci anon (publik)

Ambil nilai ini dari Supabase

Buka pengaturan API

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

Buka situs web kamu yang sudah live

Uji halaman-halaman utama dan pastikan fitur proyek berjalan dengan benar secara online.

Publikasikan pembaruan berikutnya

Lakukan perubahan dengan Claude Code Uji perubahan secara lokal Periksa file di Source Control Commit dengan pesan singkat Sinkronkan perubahan ke GitHub

Hostinger akan otomatis men-deploy ulang versi terbaru.

Buang perubahan lokal yang tidak diinginkan

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

Gunakan opsi ini hanya sebelum melakukan commit atau menyinkronkan perubahan.