DEV Community

Cover image for Desplegar app de React.js en Netlify (en menos de 5 min)
Cristian Fernando
Cristian Fernando

Posted on

Desplegar app de React.js en Netlify (en menos de 5 min)

Para desplegar una app desarrollada en React.js en Netlify de manera sencilla y rápida bastará seguir los siguientes pasos:

1.Entra a la web oficial de Netlify y crea un cuenta, puedes crear la misma con tu cuenta de:
-GitHub
-GitLab
-Bitbucket
-Simple email

2.En tu app de React.js genera los archivos de producción ejecutando:

npm run build
Enter fullscreen mode Exit fullscreen mode

3.Para subir el proyecto desde una terminal es necesario instalar el paquete netlify-cli de manera global, para ello ejecuta:

npm install netlify-cli -g
Enter fullscreen mode Exit fullscreen mode

4.Ejecuta:

netlify deploy
Enter fullscreen mode Exit fullscreen mode

5.Selecciona la opción: + Create & configure a new site

6.Dale un nombre al deploy (opcional)

7.En la configuración Publish directory indica la carpeta build de tu proyecto, bastara con escribir:

./build
Enter fullscreen mode Exit fullscreen mode

8.Espera unos segundos y la terminal devolverá una salida incliuida la opción Website Draft URL que es el link en internet donde estará alojado nuestro proyecto. C'est fini! (Eso es todo)

Referencias

img

Discussion (2)

Collapse
rafaeluribe profile image
Rafael Uribe Gallardo

Seguí todos los pasos al pie de la letra, solo que en netlify sólo genera render del componente App(), los demás no.

Collapse
duxtech profile image
Cristian Fernando Author

Si, es raro, creo que cambio el funcionamiento desde que escribi el post hasta ahora. Tratare de actualizarlo en los proximos días. Saludos.