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.

Ya creé un repositorio vacío en GitHub. URL del repositorio de GitHub: {{GITHUB_REPOSITORY_URL}} Por favor, prepara y sube este proyecto local a ese repositorio de GitHub. Reglas: - No cambies el código de la app, la UI, el diseño, las rutas, la lógica de la base de datos, la lógica del backend, la lógica de Supabase ni la funcionalidad. - Encárgate únicamente de la publicación con Git y GitHub. - Primero revisa el estado de Git, la rama, los remotos, .gitignore y los archivos rastreados. - Asegúrate de que .env y .env.local no se suban al commit. - Asegúrate de que los archivos generados como node_modules, dist, dist-ssr, *.tsbuildinfo, .DS_Store y los archivos de registro se ignoren. - Si ya hay archivos innecesarios rastreados, quítalos solo del control de Git. No elimines archivos reales del proyecto. - Usa main para un repositorio nuevo, salvo que se deba conservar una rama existente. - Conecta este proyecto a la URL del repositorio de GitHub. - Crea un commit limpio si es necesario. - Sube el proyecto a GitHub. Si la subida falla, diagnostica y corrige solo la configuración de Git/GitHub. No cambies la funcionalidad de la app. Antes de cualquier acción destructiva, explica qué encontraste y qué planeas hacer.

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

https://www.hostg.xyz/SHJTL

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

Clave anon (pública)

Obtén estos valores en Supabase

Abrir la configuración de API

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

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.