GitHub Codespaces: desarrolla en la nube como si fuera tu propio PC
Después de descubrir plataformas como StackBlitz y CodeSandbox, había una que me llamaba especialmente la atención: GitHub Codespaces.
Lo que ofrece es básicamente tener un entorno completo de desarrollo en la nube, como si estuvieras en tu ordenador con Visual Studio Code, pero desde el navegador.
Y la verdad: me sorprendió lo bien que funciona. Aquí voy a repasar cómo crearlo, iniciarlo, detenerlo, qué precio tiene y cómo ver el tiempo que llevas gastado ⏱️.
¿Qué es GitHub Codespaces? ☁️
Codespaces te permite abrir un proyecto de GitHub en un entorno remoto que ya tiene:
- Node.js (puedes instalar
pnpmsi quieres). - Terminal para ejecutar tus comandos (
npm install,pnpm run dev, etc.). - Un editor idéntico a VS Code, pero corriendo en el navegador.
Es como llevar tu máquina de desarrollo en el bolsillo.
Cómo crear un Codespace 🛠️
- Entra en el repositorio que quieras usar (ejemplo: tu app en React + Vite).
- Haz clic en el botón verde
Code. - Ve a la pestaña Codespaces.
- Pulsa
Create codespace on main.
Tras unos segundos, se abrirá una ventana con VS Code online.
Iniciar y trabajar con Codespaces 🚀
Una vez dentro, puedes abrir la terminal (menú Terminal → New Terminal o Ctrl + `).
Si quieres trabajar con pnpm, instálalo con:
1
2
3
npm install -g pnpm
pnpm install
pnpm run dev
Por defecto, Vite abre en el puerto 5173. Codespaces te mostrará un aviso para abrirlo en el navegador.
Cómo detener un Codespace 🛑
Aquí viene lo importante: cerrar la pestaña del navegador NO lo apaga. El codespace sigue consumiendo horas en la nube.
Tienes varias opciones para detenerlo:
- Desde github.com/codespaces, busca tu entorno, pulsa en ⋮ y elige Stop codespace.
- O directamente Delete si ya no lo vas a usar más (así liberas también el espacio en disco).
👉 Recomendación: si terminas tu sesión, usa Stop. Si ya no lo necesitas más, usa Delete.
Precio de GitHub Codespaces 💰
Si tienes una cuenta gratuita de GitHub (GitHub Free):
- Incluye 60 horas al mes de uso (máquina de 2 núcleos).
- Incluye 15 GB de almacenamiento.
- Si llegas al límite, no se cobra nada: simplemente no podrás abrir más Codespaces hasta el próximo mes.
Con GitHub Pro (de pago):
- Subes a 180 horas al mes.
- Y 20 GB de almacenamiento.
Los precios extra rondan los 0,18 USD/hora para computación y 0,07 USD/GB de almacenamiento.
Cómo ver tu tiempo usado ⏱️
Para no pasarte del límite gratuito, puedes revisar tu consumo:
- Ve a Billing & plans.
- Baja hasta la sección Codespaces.
- Verás algo como:
1
28/60 hours used · 4 GB storage
- Si quieres más detalle, entra en Usage.
El contador se resetea cada mes según tu ciclo de facturación de GitHub.
Mi experiencia ✍️
Trabajar con Codespaces me resultó muy útil en vacaciones: no tenía que instalar nada en el ordenador de otra persona, y aun así podía abrir mi app con pnpm run dev y seguir programando.
Eso sí: me acostumbré a parar el Codespace cada vez que terminaba, para no desperdiciar horas. Y tener a mano la página de Billing me dio tranquilidad al ver cuántas horas llevaba gastadas.
❓ FAQ
¿Qué es GitHub Codespaces y para qué sirve?
GitHub Codespaces es un entorno de desarrollo en la nube que funciona como Visual Studio Code en tu navegador. Permite programar sin instalar nada en tu ordenador, ideal para trabajar desde cualquier lugar.
¿Cómo crear un Codespace en GitHub?
Debes entrar en el repositorio de GitHub, pulsar el botón verde **Code**, ir a la pestaña **Codespaces** y hacer clic en **Create codespace on main**. En segundos tendrás un entorno listo para programar.
¿Cómo detener un Codespace para que no consuma horas?
Cerrar la pestaña del navegador no detiene el Codespace. Para pararlo, ve a [github.com/codespaces](https://github.com/codespaces) y pulsa **Stop codespace**. Si ya no lo necesitas, puedes elegir **Delete**.
¿Cuánto cuesta usar GitHub Codespaces?
Con GitHub Free dispones de 60 horas al mes y 15 GB gratis. Con GitHub Pro tienes 180 horas y 20 GB. Si superas esos límites, el coste aproximado es de 0,18 USD/hora de computación y 0,07 USD/GB de almacenamiento.
¿Cómo saber cuántas horas llevo consumidas en Codespaces?
Entra en tu cuenta de GitHub → **Billing & plans** → sección **Codespaces**. Allí verás tus horas usadas y el almacenamiento consumido. También puedes consultar el detalle en la página de Usage.