Antes de iniciar, debemos dar por sentado que tu proyecto ya tiene un repositorio en GitHub y se encuentra enlazado con tu repositorio local.
Si aun no cuentas con los conocimientos necesarios en Git y GitHub te recomendamos que tomes el Curso Profesional de Git y GitHub aquí en Platzi.
- Abrimos nuestra terminal y nos dirigimos al directorio donde se encuentra nuestro proyecto.
- Instalamos Gh-pages mediante este comando:
npm install --save-dev gh-pages
3.Abrimos el archivo package.json que se encuentra en nuestro proyecto y agregamos la propiedad homepage de esta manera:
"homepage":"https://yourusername.github.io/repository-name"
Verifica tu nombre de usuario y el nombre de tu repositorio en GitHub y agrégalo debidamente en la dirección de arriba.
4.En el mismo archivo package.json agregamos los siguientes scripts:
- Volvemos a nuestra terminal y ejecutamos:
npm run build
- Ahora solo nos queda ejecutar el ultimo comando que es:
npm run deploy
Si el proceso fue exitoso, la terminal nos mostrará la dirección de nuestro proyecto ya desplegado con GitHub-Pages.
Vayamos a nuestro repositorio en GitHub, veremos que ya fue creada automáticamente la rama Gh-pages y en el área de Settings podremos ver igual la dirección en la que se encuentra desplegado nuestro proyecto.
Gracias a estos simples pasos y a la ayuda de GitHub-Pages nuestro proyecto de React.js se encuentra en internet 😃
Curso de React.js 2019
