DEV Community

Cover image for Como desplegar una app React en Firebase
Mateo Peñaherrera
Mateo Peñaherrera

Posted on

Como desplegar una app React en Firebase

En esta ocasión aprenderemos a desplegar nuestra aplicación web a los servidores de google mediante Firebase, una tarea, dejame decirte, bastante sencilla. Bien, sin más dilación comencemos.

Deploy
Lo primero que debemos hacer es registrar nuestra aplicación en Firebase. Para ello haremos uso de la consola.

source: imgur.com

En este caso como la aplicación la cual queremos desplegar es una aplicación web seleccionamos la plataforma web.

source: imgur.com

Vamos a seleccionar la opción de Hosting en el menú lateral izquierdo.

source: imgur.com

Procedemos a instalar el CLI de Firebase

npm install -g firebase-tools
Es probable que necesites ejecutar el comando como administrador.

El siguiente paso será situarnos en la carpeta de nuestro proyecto, autenticarnos e inicializarlo.

firebase login
firebase init
source: imgur.com

Seleccionamos la opción Hosting y Seleccionamos el proyecto Firebase al cual queremos asociar nuestra aplicación.

En el apartado What do you want to use as your public directory? debemos indicar nuestro directorio público. Para un proyecto, por ejemplo, en vue será la carpeta dist, o el archivo index.html.

Una vez hayamos inicializado firebase el siguiente paso será realizar el deploy. Para ello ejecutamos el siguiente comando.

Si tu proyecto es utilizando Vue antes de realizar el deploy es necesario volver a compilar.

firebase deploy
Si no hubo ningún error debemos obtener como salida la url de nuestro proyecto ya en línea.

Top comments (0)