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.

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 repository GitHub

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

Buka Hostinger

Buka Hostinger

Mulai setup hosting Anda untuk langkah ini.

DIREKOMENDASIKAN

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

Publishable key

Ambil nilai ini dari Supabase

Buka Connect

https://supabase.com/dashboard/project/_?showConnect=true

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.