Veröffentliche dein Claude Code Projekt auf Hostinger — der sichere Weg

Mit GitHub anmelden

VS Code Sign In Continue with GitHub

Erstelle das Repository

GitHub New Repository

Wähle einen klaren Namen für das Repository Wähle Private Lasse README, Lizenz und .gitignore deaktiviert Erstelle das Repository Kopiere die HTTPS-URL

Mache einen schnellen lokalen Test

Node.js herunterladen

Installiere Node.js nur, wenn npm nicht verfügbar ist.

https://nodejs.org/en

npm install

npm run dev

Öffne die lokale URL und prüfe, ob das Projekt korrekt funktioniert.

Verwende den sicheren Veröffentlichungs-Prompt

Git herunterladen

Installiere Git nur, wenn es nicht verfügbar ist.

https://git-scm.com/

Sicherer GitHub-Push-Prompt

Füge unten die URL deines GitHub-Repositorys hinzu und verwende dann den angepassten 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.

URL des GitHub-Repositorys

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

Hostinger öffnen

Hostinger öffnen

Starte deine Hosting-Einrichtung für diesen Schritt.

EMPFOHLEN

Erstelle eine Node.js-Web-App

Hostinger Websites Add Website Node.js Web App

Importiere dein GitHub-Repository

Füge bei Bedarf Umgebungsvariablen hinzu

Frage Claude Code, welche Umgebungsvariablen dein Projekt benötigt, und füge nur diese Werte in Hostinger hinzu.

In diesem Tutorial verwendete Supabase-Variablen

VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY

VITE_SUPABASE_URL

Projekt-URL

VITE_SUPABASE_ANON_KEY

Publishable key

Diese Werte findest du in Supabase

Öffne Connect

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

Öffne deine Live-Website

Teste die wichtigsten Seiten und prüfe, ob die Funktionen des Projekts online korrekt arbeiten.

Veröffentliche künftige Updates

Nimm die Änderung mit Claude Code vor Teste die Änderung lokal Prüfe die Dateien in Source Control Committe mit einer kurzen Nachricht Synchronisiere die Änderungen zu GitHub

Hostinger veröffentlicht die neueste Version automatisch erneut.

Verwirf unerwünschte lokale Änderungen

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

Nutze diese Optionen nur, bevor du die Änderungen committest oder synchronisierst.