Deploy Your Claude Code Project to Hostinger — The Safe Way

Sign in with GitHub

VS Code Sign In Continue with GitHub

Create the repository

GitHub New Repository

Choose a Clear Repository Name Select Private Leave README, License, and .gitignore Unchecked Create the Repository Copy the HTTPS URL

Run a Quick Local Test

Download Node.js

Install Node.js only if npm is not available.

https://nodejs.org/en

npm install

npm run dev

Open the local URL and confirm the project works correctly.

Use the Safe Publishing Prompt

Download Git

Install Git only if it is not available.

https://git-scm.com/

Safe GitHub Push Prompt

Add your GitHub repository URL below, then use the customized prompt in 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.

GitHub repository URL

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

Open Hostinger

Open Hostinger

Start your hosting setup for this step.

RECOMMENDED

https://www.hostg.xyz/SHJTL

Create a Node.js Web App

Hostinger Websites Add Website Node.js Web App

Import Your GitHub Repository

Add Environment Variables if Required

Ask Claude Code which environment variables your project needs, then add only those values in Hostinger.

Supabase Variables Used in This Tutorial

VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY

VITE_SUPABASE_URL

Project URL

VITE_SUPABASE_ANON_KEY

Anon (public) key

Get these values from Supabase

Open API Settings

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

Open Your Live Website

Test the main pages and confirm the project features work correctly online.

Publish Future Updates

Make the Change with Claude Code Test the Change Locally Review the Files in Source Control Commit with a Short Message Sync Changes to GitHub

Hostinger will automatically redeploy the latest version.

Discard Unwanted Local Changes

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

Use these options only before committing or syncing the changes.