CI/CD con GitHub Pages / 0115 min

Tu repositorio de despliegue

Prepara una aplicación React y conéctala con un repositorio propio.

Tu guía paso a paso

  1. 01

    Completa primero los fundamentos de Git. Esta ruta se realiza en tu computadora con internet y tu cuenta de GitHub; el laboratorio Linux aislado no tiene acceso a GitHub.

  2. 02

    Descarga y extrae pages-notes.zip. El proyecto incluye React, Vite, pruebas, lockfile, el script de construcción y .github/workflows/pages.yml. Abre una terminal dentro de la carpeta extraída.

  3. 03

    Instala Node.js 24 en tu computadora y ejecuta npm ci, npm test y npm run dev. Crea una nota y recarga la página: se conserva en ese navegador. Detén el servidor con Ctrl+C.

  4. 04

    En github.com/new crea un repositorio público llamado my-linux-notes sin README ni archivos iniciales. También puedes usar uno propio vacío; reemplaza OWNER y my-linux-notes en los comandos.

  5. 05

    Si el repositorio ya tiene contenido, clónalo y copia dentro los archivos del starter, incluida la carpeta oculta .github. Conserva sus archivos existentes y resuelve cualquier diferencia antes de confirmar.

  6. 06

    Configura tu identidad de Git, confirma los archivos y conecta origin. Usa la autenticación HTTPS de GitHub o tus claves SSH; no guardes contraseñas ni tokens en los archivos. Primero configura Pages en la siguiente lección y después haz push.

Tu propio repositorio

Realiza esta ruta en tu computadora con internet y GitHub. El laboratorio Linux permanece aislado. Descarga el starter, revisa el código y publica desde tu cuenta.

bash
node --version
npm ci
npm test
npm run dev
# Ctrl+C, then / luego:
git init -b main
git config user.name "Your Name"
git config user.email "your-github-email@example.com"
git add .
git commit -m "Prepare my React app for Pages"
git remote add origin https://github.com/OWNER/my-linux-notes.git

Marcar lectura completada

La lectura completada no verifica la ejecución del ejercicio.