Despliega tu proyecto de Claude Code en Hostinger — de forma segura

Inicia sesión con GitHub

VS Code Sign In Continue with GitHub

Crea el repositorio

GitHub New Repository

Elige un nombre claro para el repositorio Selecciona Private Deja sin marcar README, la licencia y .gitignore Crea el repositorio Copia la URL HTTPS

Haz una prueba rápida en local

Descargar Node.js

Instala Node.js solo si npm no está disponible.

https://nodejs.org/en

npm install

npm run dev

Abre la URL local y confirma que el proyecto funciona correctamente.

Usa el prompt de publicación segura

Descargar Git

Instala Git solo si no está disponible.

https://git-scm.com/

Prompt para subir a GitHub de forma segura

Añade abajo la URL de tu repositorio de GitHub y luego usa el prompt personalizado en 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 del repositorio de GitHub

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

Abre Hostinger

Abre Hostinger

Empieza la configuración de tu hosting para este paso.

RECOMENDADO

Crea una app web de Node.js

Hostinger Websites Add Website Node.js Web App

Importa tu repositorio de GitHub

Añade variables de entorno si son necesarias

Pregunta a Claude Code qué variables de entorno necesita tu proyecto y añade solo esos valores en Hostinger.

Variables de Supabase usadas en este tutorial

VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY

VITE_SUPABASE_URL

URL del proyecto

VITE_SUPABASE_ANON_KEY

Publishable key

Obtén estos valores en Supabase

Abrir Connect

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

Abre tu sitio web publicado

Prueba las páginas principales y confirma que las funciones del proyecto funcionan correctamente en línea.

Publica actualizaciones futuras

Haz el cambio con Claude Code Prueba el cambio en local Revisa los archivos en Source Control Haz commit con un mensaje corto Sincroniza los cambios con GitHub

Hostinger volverá a desplegar automáticamente la última versión.

Descarta los cambios locales no deseados

VS Code Source Control Modified File Discard Changes

VS Code Source Control More Actions Changes Discard All Changes

Usa estas opciones solo antes de hacer commit o sincronizar los cambios.