Despliega tu aplicación de React en Netlify con un Pipeline CI/CD con Github Actions

¿Has hecho una app con React para tu portfolio, pero la estás desplegando manualmente?

Sube de nivel e implementa un pipeline de CI/CD para desplegar automáticamente tu aplicación en Netlify utilizando GitHub Actions.

💡 Aunque Netlify también ofrece una funcionalidad para implementar un pipeline de CI/CD, el free-tier es limitado, por lo que usando GitHub Actions, no sólo aprenderás de esta herramienta de GitHub, si no que ejecutar los tests, general la build de tu app y desplegarla en producción te saldrá mucho más barato. 💸 Además, implementar un pipeline de CI/CD en un proyecto, aunque sea pequeño y sencillo te hará destacar entre recruiters e inteviewers ya que este conocimiento es clave en los equipos de desarrollo. Con estos recursos que hemos recopilado podrás implementar tu propio pipeline de CI/CD en un abrir y cerrar de ojos:

📍 Este vídeo te explica qué es Continuous Integration, Continuous Delivery y Continuous Deployment de forma breve. Después explica cómo configurar un pipeline de Github Actions para deployar una app de React

https://www.youtube.com/watch?v=KIvDWeTXbQk

📍 Este post explica las ventajas de usar Github Actions vs la propia solución de CI/CD de netlify. Después construye el pipeline paso a paso.

Es bastante conciso.

https://lannonbr.com/blog/2020-03-31-github-actions-deploy-to-netlify

📍 Este otro post explica básicamente lo mismo, pero teniendo en cuenta que el pipeline va a deployar en diferentes entornos etc. Empezaría por la opción de más arriba y luego ya intentaría esta segunda opción.

https://dev.to/dancurtis/ci-cd-pipeline-with-netlify-and-github-actions-bcm

📬 Es posible que algunos de estos conceptos sean nuevos para ti así que si tienes dudas o has llegado a algún punto muerto, escríbenos, estaremos encantados de echarte una mano.

Happy coding!