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.