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.

Ich habe bereits ein leeres GitHub-Repository erstellt. URL des GitHub-Repositorys: {{GITHUB_REPOSITORY_URL}} Bitte bereite dieses lokale Projekt vor und pushe es in dieses GitHub-Repository. Regeln: - Ändere nicht den App-Code, die UI, das Design, die Routen, die Datenbanklogik, die Backend-Logik, die Supabase-Logik oder die Funktionalität. - Kümmere dich nur um die Veröffentlichung mit Git und GitHub. - Prüfe zuerst den Git-Status, den Branch, die Remotes, .gitignore und die getrackten Dateien. - Stelle sicher, dass .env und .env.local nicht committet werden. - Stelle sicher, dass generierte Dateien wie node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store und Log-Dateien ignoriert werden. - Wenn unnötige Dateien bereits getrackt werden, entferne sie nur aus dem Git-Tracking. Lösche keine echten Projektdateien. - Verwende main für ein neues Repository, es sei denn, ein bestehender Branch soll erhalten bleiben. - Verbinde dieses Projekt mit der URL des GitHub-Repositorys. - Erstelle bei Bedarf einen sauberen Commit. - Pushe das Projekt zu GitHub. Wenn der Push fehlschlägt, diagnostiziere und behebe nur die Git-/GitHub-Einrichtung. Ändere nicht die App-Funktionalität. Erkläre vor jeder destruktiven Aktion, was du gefunden hast und was du vorhast.

URL des GitHub-Repositorys

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

Hostinger öffnen

Hostinger öffnen

Starte deine Hosting-Einrichtung für diesen Schritt.

EMPFOHLEN

https://www.hostg.xyz/SHJTL

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

Anon-Schlüssel (öffentlich)

Diese Werte findest du in Supabase

API-Einstellungen öffnen

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

Ö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.