Publish our React app on GitHub Pages

[lauraportillo]

Publicar nuestra app React en GitHub Pages
create-react-app nos crea un entorno de desarrollo donde empezar a trabajar con React en nuestra máquina. Si queremos enseñar el resultado con GitHub Pages hay que hacer algunas cosillas antes de generar una versión para producción:
rutas a los archivos principales serán relativas al dominio
necesitaremos una carpeta determinada
y, quizás, haya que cambiar algo de http a https.
Entraremos por terminal a nuestra carpeta de proyecto y esto es lo que hay que hacer:
Modificar package.json para que las rutas sean relativas a nuestros archivos: hay que añadir "homepage": "./", en la línea 2. Esto es importante y siempre se nos olvida.
Ya que lo vamos a servir desde GitHub, y usa https, tendremos que cambiar cualquier recurso http a https: por ejemplo, en un fetch. Más info aquí.
Crear la versión de producción:
Ejecutar npm run build para que nos cree la versión para producción en la carpeta build/.
GitHub Pages funciona en la carpeta raíz o en la docs/ de la rama master, así que querremos cambiar la carpeta build/ por la carpeta docs/. Para ello, desde la terminal y colocados en la carpeta raíz del proyecto ejecutaremos mv build docs. Es importante saber que este paso lo tendremos que hacer cada vez que hagamos cambios y queramos reflejarnos en nuestra página de GitHub Pages. Otra opción es cambiarlo a mano desde el explorador de carpetas de nuestro ordenador. Lo importante es que esa carpeta se llame docs/.
Add, commit y push.
Casi listo, solo falta activar GitHub Pages para que se sirva desde la carpeta docs de nuestra rama master. Para eso como ya sabéis, desde la página principal del repositorio, podéis ir a la pestaña de Settings y una vez dentro, en la sección GitHub Pages, donde pone Source seleccionar master branch /docs folder.