Summary  
This chapter covers using Git to push local code to a remote GitHub repository, including authentication via GitHub’s device flow and managing sensitive files with a .gitignore.  

General domain of usage  
Web application deployment

**GitHub** es una plataforma para alojar y gestionar código utilizando control de versiones (Git). Permite a los desarrolladores almacenar proyectos, rastrear cambios, colaborar con otros y compartir su trabajo en línea.

Definición

Actualmente, tu proyecto se encuentra en una carpeta en tu computadora. Para publicarlo en línea, necesitas moverlo a un lugar al que una plataforma de alojamiento pueda acceder. GitHub cumple esa función de intermediario.

Piensa en GitHub como almacenamiento en la nube para código. Tus archivos permanecen en tu computadora, pero GitHub mantiene una copia que otras herramientas — como la plataforma de alojamiento que usaremos en el siguiente capítulo — pueden leer y desplegar.

GitHub almacena tu código. Vercel lo publica. Primero trabajaremos con GitHub.

Nota

### Lo que necesitas hacer

1. **Crear una cuenta de GitHub**
Ir a **github.com** y hacer clic en **Sign Up**.
Si ya tienes una cuenta, simplemente inicia sesión

2. **Pedir a Claude Code que suba tu proyecto**
No necesitas configurar GitHub manualmente. Pregunta a Claude Code:

```
How can I get my app published? I have a GitHub account. I want the simplest way to publish the app.
```

Claude Code te guiará para subir tu proyecto a GitHub.
Cuando se te pida autorizar mediante **github.com/login/device**, sigue los pasos, ingresa el código y haz clic en **Approve**

3. **Confirmar que tu proyecto está en línea en GitHub**
Una vez finalizado, Claude Code te proporcionará una URL de GitHub
Abre el enlace y asegúrate de que todos los archivos de tu proyecto estén allí

### Un dato importante que debes saber

Tu proyecto tiene un archivo llamado .env.local. Aquí es donde se encuentra tu clave API. Este archivo se excluye automáticamente de GitHub mediante un archivo llamado .gitignore. Esto significa que tu clave API permanece privada y no se sube.

No necesitas hacer nada aquí. Claude Code se encarga de esto automáticamente. Es útil saber por qué.

Una vez que tu código está en GitHub, el siguiente capítulo trata sobre desplegarlo en Vercel para que tu aplicación esté en línea con una URL real que cualquiera pueda visitar.


¿Cuál es el papel principal de GitHub al desplegar tu código?

Construye y lanza una aplicación real en solo un fin de semana utilizando herramientas modernas de IA y un flujo de trabajo simple y práctico, empleando Claude Code para planificar, generar y perfeccionar tu código, gestionando tu proyecto con GitHub y desplegando tu aplicación terminada en línea con Vercel. Comenzarás con una idea y rápidamente la convertirás en un plan de proyecto claro, luego avanzarás paso a paso en la construcción de una aplicación funcional, enfocándote en las características principales, una arquitectura sencilla y una iteración rápida en lugar de complejidad innecesaria, mientras aprendes a trabajar eficazmente con IA escribiendo mejores prompts, corrigiendo errores y mejorando funcionalidades, finalizando con una aplicación en línea, un proyecto limpio en GitHub y un sistema repetible para convertir futuras ideas en productos reales más rápido.

Comprender los conceptos básicos del desarrollo asistido por IA, configurar el entorno y familiarizarse con Claude Code antes de comenzar la primera aplicación.

Convierte tu idea en un plan claro y sencillo y define la versión más pequeña de tu aplicación que aporte valor real.

Pasa de cero a una aplicación en funcionamiento generando código con IA, configurando el proyecto y comprendiendo lo que se ha creado.

Mejora tu aplicación añadiendo funciones, refinando el diseño y aprendiendo a solucionar problemas de manera eficaz.

Publica tu proyecto, hazlo accesible en línea y asegúrate de que todo funcione utilizando GitHub y Vercel.

Subir Código a GitHub

Lo que necesitas hacer

Un dato importante que debes saber