CI/CD con GitHub Pages / 0412 min

Verifica y mejora tu publicación

Comprueba el sitio publicado y practica un cambio con pull request.

Tu guía paso a paso

  1. 01

    Desde Actions abre el enlace del despliegue y confirma que la página, estilos y botones carguen. Agrega una nota, márcala y recarga. Los datos se guardan en este navegador y origen; no se sincronizan entre dispositivos.

  2. 02

    Crea una rama feature/heading y cambia el título en src/main.jsx. Confirma y sube esa rama, después abre un pull request hacia main. Comprueba que check se ejecute sin desplegar esos cambios.

  3. 03

    Revisa el diff y los resultados. Al fusionar el pull request se dispara un nuevo despliegue desde main. Comprueba el nuevo título en el sitio publicado.

  4. 04

    Si JavaScript o CSS dan 404, revisa PAGES_BASE_PATH y el resultado de configure-pages. Si aparece Not Found en el workflow, revisa Settings → Pages → GitHub Actions. Un 403 suele requerir revisar permisos y reglas del entorno github-pages.

  5. 05

    Si npm ci falla, compara package.json y package-lock.json y actualiza el lockfile localmente con npm install antes de confirmar ambos archivos. Si las pruebas fallan, corrige el problema antes de reintentar.

  6. 06

    Para deshacer una publicación defectuosa, usa git revert sobre el commit que la introdujo y haz push a main. La reversión atraviesa las mismas pruebas. Marca la lectura como completada cuando hayas revisado el resultado; el curso no afirma verificar remotamente tu repositorio.

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
git switch -c feature/heading
# Edit src/main.jsx / Edita src/main.jsx
npm test
npm run build
git add src/main.jsx
git commit -m "Personalize my notes heading"
git push -u origin feature/heading
# Open a pull request on GitHub / Abre un pull request en GitHub

Marcar lectura completada

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