Binary Coffee

Despliega React-App en Netlify Gratis + CI/CD

github react

Netlify es una plataforma que en su plan basic o gratuito permite un ancho de banda de 100GB mensuales, 300 minutos de build y un hilo para la compilaci贸n/construcci贸n de nuestras aplicaciones.

Necesitamos tener:

  1. Git instalado en el ordenador.
  2. Cuenta de Github.
  3. Cuenta de Netlify.
  4. Una aplicaci贸n contruida con React para desplegar.

La aplicaci贸n que voy a desplegar es https://github.com/raulcr98/qr-generator-react, una que constru铆 en un tutorial anterior, puedes ver el art铆culo aqu铆: https://binary-coffee.dev/post/como-crear-codigos-qr-con-react.

Pasos:

  1. Lo primero que debemos hacer es crear un nuevo repositorio en GitHub.

  2. Luego abrimos la terminal en la carpeta de nuestro proyecto y ejecutamos:

echo "# test" >> README.md
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/username/repository_name.git
git push -u origin main
  1. Vamos a Netlify y nos logueamos. Y desde la vista de inicio seleccionamos New site from Git.

  1. En el siguiente paso seleccionamos GitHub y luego el repositorio que creamos en el paso 1. Es posible que no te salga si no permites que tenga acceso a todas tus repositorios.

  1. Luego seleccionas la rama main, el build command debe ser yarn build y Publish directory /build. Presionamos en Deploy site.

  1. Vamos a la p谩gina inicial y clickeamos en sites el proyecto que acabamos de crear. Y nos aparecer谩 la url de nuestra p谩gina.

  1. Si deseamos cambiar el dominio de nuestra web simplemente vamos a Domain Settings -> Options -> Edit site name y cambiamos por el de nuestra preferencia.

Ahora cada vez que realicemos un cambio en nuestro proyecto solo debemos subir los cambios al repositorio en GitHub y autom谩ticamente se actualizar谩 nuestro proyecto.

Esto es todo espero que haya sido de utilidad. Cualquier duda o sugerencia puedes hacerme saber mediante los comentarios.

Opiniones