Subir aplicacion de React a Github Pages paso a paso | Como hacer deploy / npm run build

preview_player
Показать описание
Este es un ejemplo práctico de como subir una aplicación de React a Github pages. Instalaremos un modulo llamado gh-pages que hará el despliegue por nosotros
Con "homepage" indicamos dónde se va a desplegar el sitio.
Con predeploy compilamos la aplicación.
Con deploy lo desplegamos en github.

los scripts de ejecución:
"predeploy": "npm run build",
"deploy": "gh-pages -d build"

Correr los scripts por orden:
- npm run build
- npm run deploy

YA TU APP ESTA DISPONIBLE PARA TODO EL MUNDO, EN UNA DIRECCIÓN DE INTERNET REAL Y NO EN LOCALHOST.

Si les sale una página en blanco consideren los siguientes puntos:
-Haber escrito correctamente "homepage"
-Haber escrito "http" en su homepage, puede fallar si ponen "https"
-Si tu usuario de GH tiene mayusculas, debes escribirlo con mayusculas en el homepage tambien
Рекомендации по теме
Комментарии
Автор

Muchísimas gracias!! Aprendí ReactJs e hice solo dos aplicaciones. Cuando quise subir la primera a github estuve dando muchas vueltas sin lograrlo. Solo seguí tus pasos del video y ya tengo mi primer aplicación lista. Muchas gracias de nuevo!!!!

alfredoarrieta
Автор

Muchas gracias, ya llevava rato haciendo esto y no me salia, me encontre con tu video y funciono, muy bien explicado.

hebermiguelramirez
Автор

Una joya de video, muchas gracias! Manejo git y github pero esto no sabia que se podia hacer de esta manera, muchas gracias muy bien logrado el video.

LuisVazquezP
Автор

muy bueno el tutorial. Ver tu escritorio me dio amsiedad D: muchos iconos XD

Isa
Автор

Me sirvio para crear mi portafolio gracias

nodemencial
Автор

el comando deploy despliega la carpeta que genera el compando build, en algunos casos puede ser dist o build, va a depender del proyecto

youself
Автор

Hola! Gracias por el video!
Una pregunta: Sabes si se puede tener varias github pages? Porque yo tengo mi portafolio que ya esta subido a github pages y estoy intentando que se visualicen varios de mis proyectos en ese portafolio, pero el de react no se como linkearlo al portafolio que ya tengo en github pages. Si hago esto se podria ver el de React, pero no el portafolio completo. Como podria hacer para que se vean los dos?

ariadnamaldonado
Автор

no me funciono :v sale Failed to load resource: the server responded with a status of 404 ()

roystandenbarraza